<!doctype html>
<html lang="en">

<head>
   <!-- Required meta tags -->
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

   <link href="https://block.codescandy.com/assets/libs/prismjs/themes/prism-okaidia.min.css" rel="stylesheet" />
   <!-- Favicon icon-->
   <link rel="apple-touch-icon" sizes="180x180"
      href="https://block.codescandy.com/assets/images/favicon/apple-touch-icon.png" />
   <link rel="icon" type="image/png" sizes="32x32"
      href="https://block.codescandy.com/assets/images/favicon/favicon-32x32.png" />
   <link rel="icon" type="image/png" sizes="16x16"
      href="https://block.codescandy.com/assets/images/favicon/favicon-16x16.png" />
   <link rel="manifest" href="https://block.codescandy.com/assets/images/favicon/site.webmanifest" />
   <link rel="mask-icon" href="https://block.codescandy.com/assets/images/favicon/block-safari-pinned-tab.svg"
      color="#8b3dff" />
   <link rel="shortcut icon" href="https://block.codescandy.com/assets/images/favicon/favicon.ico" />
   <meta name="msapplication-TileColor" content="#8b3dff" />
   <meta name="msapplication-config" content="https://block.codescandy.com/assets/images/favicon/tile.xml" />

   <!-- Color modes -->
   <script src="https://block.codescandy.com/assets/js/vendors/color-modes.js"></script>

   <!-- Libs CSS -->
   <link href="https://block.codescandy.com/assets/libs/simplebar/dist/simplebar.min.css" rel="stylesheet" />
   <link href="https://block.codescandy.com/assets/libs/bootstrap-icons/font/bootstrap-icons.min.css"
      rel="stylesheet" />

   <!-- Scroll Cue -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/libs/scrollcue/scrollCue.css" />

   <!-- Box icons -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/fonts/css/boxicons.min.css" />

   <!-- Theme CSS -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/css/theme.min.css">

   <title>Feature Snippet - Responsive Website Template | Block</title>
</head>

<body>
   <!-- Navbar -->
   <header>
      <nav class="navbar navbar-expand-lg  navbar-light w-100">
         <div class="container px-3">
            <a class="navbar-brand" href="../index.html"><img
                  src="https://block.codescandy.com/assets/images/logo/logo.svg" alt /></a>
            <button class="navbar-toggler offcanvas-nav-btn" type="button">
               <i class="bi bi-list"></i>
            </button>
            <div class="offcanvas offcanvas-start offcanvas-nav" style="width: 20rem">
               <div class="offcanvas-header">
                  <a href="../index.html" class="text-inverse"><img
                        src="https://block.codescandy.com/assets/images/logo/logo.svg" alt /></a>
                  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
               </div>
               <div class="offcanvas-body pt-0 align-items-center">
                  <ul class="navbar-nav mx-auto align-items-lg-center">
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Landings</a>
                        <ul class="dropdown-menu">
                           <li><a class="dropdown-item" href="../index.html">Landing Overview</a></li>
                           <li>
                              <a class="dropdown-item" href="../landing-blog.html">Blog</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="../landing-ai-studio.html">AI Studio</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="../landing-mobile-app-showcase.html">Mobile App
                                 Showcase</a>
                           </li>

                           <li><a class="dropdown-item" href="../landing-sass-v1.html">Saas v.1</a></li>
                           <li><a class="dropdown-item" href="../landing-sass-v2.html">Sass v.2</a></li>
                           <li>
                              <a class="dropdown-item" href="../landing-it-company.html">IT Company</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="../landing-seo.html">Seo Agency</a>
                           </li>
                           <li><a class="dropdown-item" href="../landing-accounting.html">Accounting</a></li>
                           <li><a class="dropdown-item" href="../landing-finance.html">Finance</a></li>
                           <li><a class="dropdown-item" href="../landing-jamstack-agancy.html">Jamstack Agency</a></li>
                           <li><a class="dropdown-item" href="../landing-conference.html">Conference</a></li>
                           <li><a class="dropdown-item" href="../landing-personal.html">Personal</a></li>
                        </ul>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Pages</a>
                        <div class="dropdown-menu dropdown-menu-xxl">
                           <div class="row row-cols-lg-4 row-cols-1 g-0">
                              <div class="col">
                                 <div>
                                    <div>
                                       <div class="dropdown-header">Blog</div>
                                       <a class="dropdown-item" href="../blog-list-view.html">List View</a>
                                       <a class="dropdown-item" href="../blog.html">Grid View</a>
                                       <a class="dropdown-item" href="../blog-grid-thumbnail.html">Grid View v.2</a>
                                       <a class="dropdown-item" href="../blog-sidebar.html">Sidebar</a>
                                       <a class="dropdown-item" href="../blog-category.html">Category</a>
                                       <a class="dropdown-item" href="../blog-single.html">Single Post</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">About</div>
                                       <a class="dropdown-item" href="../about.html">About v.1</a>
                                       <a class="dropdown-item" href="../about-v2.html">About v.2</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Service</div>
                                       <a class="dropdown-item" href="../service-v1.html">Service v.1</a>
                                       <a class="dropdown-item" href="../service-v2.html">Service v.2</a>
                                       <a class="dropdown-item" href="../service-v3.html">Service v.3</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Events</div>

                                       <a class="dropdown-item" href="../events.html">List</a>
                                       <a class="dropdown-item" href="../event-single.html">Single</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Contact</div>

                                       <a class="dropdown-item" href="../contact-1.html">Contact Us</a>
                                       <a class="dropdown-item" href="../contact-2.html">Contact Sales</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Portfolio</div>

                                       <a class="dropdown-item" href="../portfolio.html">Grid View</a>
                                       <a class="dropdown-item" href="../portfolio-3-columns.html">3 Columns</a>

                                       <a class="dropdown-item" href="../portfolio-single.html">Single View</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Pricing</div>
                                       <a class="dropdown-item" href="../pricing-v1.html">Pricing v.1</a>
                                       <a class="dropdown-item" href="../pricing-v2.html">Pricing v.2</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Career</div>
                                       <a class="dropdown-item" href="../career.html">Career</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Integration</div>
                                       <a class="dropdown-item" href="../integration.html">Grid View</a>
                                       <a class="dropdown-item" href="../integration-single.html">Single</a>
                                    </div>
                                    <div class="mt-3">
                                       <div>
                                          <div class="dropdown-header">Case Study</div>
                                          <a class="dropdown-item" href="../case-study.html">Grid View</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li class="nav-item dropdown dropdown-fullwidth">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Blocks</a>
                        <div class="dropdown-menu p-4">
                           <div class="row row-cols-xl-6 row-cols-lg-5 row-cols-1 gx-lg-4">
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/hero.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/hero-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Hero</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/navbar.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/header-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Navbar</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/about.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/about-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>About</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/blog.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/blog-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Blog</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/carousel.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/carousel-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Carousel</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/case-study.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/case-study-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Case Study</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/cta.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/call-to-action-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Call to Action</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/clients.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/clients-logo-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Client</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/contact.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/contact-section-example.svg"
                                          alt="" />
                                    </div>
                                    <span>Contact</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/form.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/form-snippets-bootstrap.svg"
                                          alt="" /></div>
                                    <span>Form</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/faq.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/faq-section-example.svg"
                                          alt="" /></div>
                                    <span>FAQ</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/team.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/team-snippets-bootstrap.svg"
                                          alt="" /></div>
                                    <span>Team</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/footer.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/footer-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Footer</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/features.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/feature-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Features</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/integration.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/integration-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Integration</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/industry.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/industry-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Industry</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/location.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/location-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Location</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/portfolio.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/portfolio-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Portfolio</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/process.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/process-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Process</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/pricing.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2 bg-gray-200">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/pricing-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Pricing</span>
                                 </a>
                              </div>

                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/facts.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/stats-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Stats</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="../blocks/testimonails.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/testimonial-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Testimonials</span>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Accounts</a>
                        <ul class="dropdown-menu">
                           <li><a class="dropdown-item" href="../account-profile.html">Profile</a></li>
                           <li><a class="dropdown-item" href="../account-security.html">Security</a></li>
                           <li><a class="dropdown-item" href="../account-billing.html">Billing</a></li>
                           <li><a class="dropdown-item" href="../account-team.html">Team</a></li>
                           <li><a class="dropdown-item" href="../account-notification.html">Notifications</a></li>
                           <li><a class="dropdown-item" href="../account-app-integration.html">Integration</a></li>
                           <li><a class="dropdown-item" href="../account-device-session.html">Session</a></li>
                           <li><a class="dropdown-item" href="../account-social-links.html">Social</a></li>
                           <li><a class="dropdown-item" href="../account-appearance.html">Appearance</a></li>
                           <li class="dropdown-submenu dropend">
                              <a class="dropdown-item dropdown-toggle" href="#">Authentication</a>
                              <ul class="dropdown-menu">
                                 <li class="dropdown-header">Simple</li>

                                 <li>
                                    <a class="dropdown-item" href="../signin.html">Sign In</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../signup.html">Sign Up</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../forget-password.html">Forget Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../reset-password.html">Reset Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../otp-varification.html">OTP Varification</a>
                                 </li>
                                 <li>
                                    <hr class="dropdown-divider" />
                                 </li>
                                 <li class="dropdown-header">Side Cover</li>

                                 <li>
                                    <a class="dropdown-item" href="../signin-v2.html">Sign In</a>
                                 </li>

                                 <li>
                                    <a class="dropdown-item" href="../signup-v2.html">Sign Up</a>
                                 </li>

                                 <li>
                                    <a class="dropdown-item" href="../forget-password-v2.html">Forget Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../reset-password-v2.html">Reset Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../otp-varification-v2.html">OTP Varification</a>
                                 </li>
                              </ul>
                           </li>
                           <li class="dropdown-submenu dropend">
                              <a class="dropdown-item dropdown-toggle" href="#">Utility</a>
                              <ul class="dropdown-menu">
                                 <li>
                                    <a class="dropdown-item" href="../404-error.html">404 Error</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="../changelog.html">Changelog</a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                           data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown">
                           <a class="dropdown-item mb-3 text-body" href="../docs/index.html">
                              <div class="d-flex align-items-center">
                                 <i class="bi bi-file-text fs-4 text-primary"></i>
                                 <div class="ms-3 lh-1">
                                    <h5 class="mb-1">Documentations</h5>
                                    <p class="mb-0 fs-6">Browse the all documentation</p>
                                 </div>
                              </div>
                           </a>

                           <a class="dropdown-item text-body" href="../docs/changelog.html">
                              <div class="d-flex align-items-center">
                                 <i class="bi bi-clipboard fs-4 text-primary"></i>
                                 <div class="ms-3 lh-1">
                                    <h5 class="mb-1">
                                       Changelog
                                       <span class="text-primary ms-1"></span>
                                    </h5>
                                    <p class="mb-0 fs-6">See what's new</p>
                                 </div>
                              </div>
                           </a>
                        </div>
                     </li>
                  </ul>
                  <div class="mt-3 mt-lg-0 d-flex align-items-center">
                     <a href="../signin.html" class="btn btn-light mx-2">Login</a>
                     <a href="../signup.html" class="btn btn-primary">Create account</a>
                  </div>
               </div>
            </div>
         </div>
      </nav>
   </header>

   <main>
      <div class="pattern-square"></div>
      <section class="bg-light py-5 py-lg-8 bg-opacity-50">
         <div class="container">
            <div class="row">
               <div class="col-12 col-md-6">
                  <div>
                     <h1 class="mb-0">Feature Sections</h1>
                  </div>
               </div>
               <!-- Navbar Filter tabs -->
               <div class="mt-6 col-12 d-flex flex-wrap gap-2">
                  <a href="../blocks/about.html" class="filter-badge ">About</a>
                  <a href="../blocks/award.html" class="filter-badge ">Award</a>
                  <a href="../blocks/blog.html" class="filter-badge ">Blog</a>
                  <a href="../blocks/cta.html" class="filter-badge ">Call to Action</a>
                  <a href="../blocks/clients.html" class="filter-badge ">Clients</a>
                  <a href="../blocks/contact.html" class="filter-badge ">Contact</a>
                  <a href="../blocks/carousel.html" class="filter-badge ">Carousel</a>
                  <a href="../blocks/case-study.html" class="filter-badge ">Case Study</a>
                  <a href="../blocks/facts.html" class="filter-badge ">Facts</a>
                  <a href="../blocks/faq.html" class="filter-badge ">FAQ</a>
                  <a href="../blocks/features.html" class="filter-badge  active ">Features</a>
                  <a href="../blocks/form.html" class="filter-badge ">Form</a>
                  <a href="../blocks/footer.html" class="filter-badge ">Footer</a>
                  <a href="../blocks/hero.html" class="filter-badge ">Hero</a>
                  <a href="../blocks/integration.html" class="filter-badge ">Integration</a>
                  <a href="../blocks/industry.html" class="filter-badge ">Industry</a>
                  <a href="../blocks/location.html" class="filter-badge ">Location</a>
                  <a href="../blocks/navbar.html" class="filter-badge ">Navbar</a>
                  <a href="../blocks/portfolio.html" class="filter-badge ">Portfolio</a>
                  <a href="../blocks/pricing.html" class="filter-badge ">Pricing</a>
                  <a href="../blocks/process.html" class="filter-badge ">Process</a>
                  <a href="../blocks/services.html" class="filter-badge ">Services</a>
                  <a href="../blocks/team.html" class="filter-badge ">Team</a>
                  <a href="../blocks/testimonails.html" class="filter-badge ">Testimonials</a>
               </div>

            </div>
         </div>
      </section>
      <section class="py-lg-8 py-5">
         <div class="container">
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #1</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-one-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-one-preview" role="tab" aria-controls="pills-feature-one-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-one-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-one-code" role="tab" aria-controls="pills-feature-one-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-one-preview"
                           role="tabpanel" aria-labelledby="pills-feature-one-preview-tab">
                           <!--Features start-->
                           <section>
                              <div class="container">
                                 <div class="row">
                                    <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
                                       <div class="text-center mb-6 mb-lg-9">
                                          <small class="text-primary text-uppercase ls-md fw-semibold">features</small>
                                          <h2 class="my-3">Features to make you stand out</h2>
                                          <p class="mb-0 lead">Manage your projects from start to finish. With all of
                                             your projects in Block, you’ll always know who’s doing what, by when.</p>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row g-lg-7 gy-5">
                                    <div class="col-lg-4 col-md-6">
                                       <div class="text-center text-md-start">
                                          <div
                                             class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-check-circle text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                                                <path
                                                   d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                                             </svg>
                                          </div>

                                          <h4>Tasks</h4>
                                          <p class="mb-0">Break work into manageable pieces for you and your team. Dui
                                             erat malesuada diam.</p>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="text-center text-md-start">
                                          <div
                                             class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-flag-fill text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001" />
                                             </svg>
                                          </div>

                                          <h4>Milestones</h4>
                                          <p class="mb-0">Visualise significant checkpoints in your project to measure
                                             and share progress.</p>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="text-center text-md-start">
                                          <div
                                             class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-clock-history text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
                                                <path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
                                                <path
                                                   d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
                                             </svg>
                                          </div>

                                          <h4>Due dates and times</h4>
                                          <p class="mb-0">Specify the date and time something is due so everyone’s
                                             working off the same deadline.</p>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="text-center text-md-start">
                                          <div
                                             class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor"
                                                class="bi bi-layout-text-window-reverse text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z" />
                                                <path
                                                   d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM2 1a1 1 0 0 0-1 1v1h14V2a1 1 0 0 0-1-1H2zM1 4v10a1 1 0 0 0 1 1h2V4H1zm4 0v11h9a1 1 0 0 0 1-1V4H5z" />
                                             </svg>
                                          </div>

                                          <h4>Custom templates</h4>
                                          <p class="mb-0">Create your own project templates so your team can quickly and
                                             easily kick off work.</p>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="text-center text-md-start">
                                          <div
                                             class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-paperclip text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z" />
                                             </svg>
                                          </div>

                                          <h4>Attachments</h4>
                                          <p class="mb-0">Add files from your computer, Dropbox, Box, or Google Drive to
                                             any task or conversation.</p>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="text-center text-md-start">
                                          <div
                                             class="icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-people-fill text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
                                             </svg>
                                          </div>

                                          <h4>Teammate</h4>
                                          <p class="mb-0">Understand teammate workloads by viewing tasks assigned to
                                             them.</p>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Features end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-one-code" role="tabpanel"
                           aria-labelledby="pills-feature-one-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Features start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-7 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-8 offset-lg-2 col-md-12 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center mb-6 mb-lg-9<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary text-uppercase ls-md fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>features<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Features to make you stand out<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 lead<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Manage your projects from start to
                        finish. With all of your projects in Block, you’ll
                        always know who’s doing what, by when.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-lg-7 gy-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Tasks<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Break work into manageable pieces for
                        you and your team. Dui erat malesuada diam.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-flag-fill text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Milestones<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Visualise significant checkpoints in
                        your project to measure and share progress.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-clock-history text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Due dates and times<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Specify the date and time something is
                        due so everyone’s working off the same deadline.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-layout-text-window-reverse text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM2 1a1 1 0 0 0-1 1v1h14V2a1 1 0 0 0-1-1H2zM1 4v10a1 1 0 0 0 1 1h2V4H1zm4 0v11h9a1 1 0 0 0 1-1V4H5z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Custom templates<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Create your own project templates so
                        your team can quickly and easily kick off work.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-paperclip text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Attachments<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Add files from your computer, Dropbox,
                        Box, or Google Drive to any task or conversation.
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-lg icon-shape rounded bg-primary bg-opacity-10 border border-primary-subtle mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-people-fill text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Teammate<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Understand teammate workloads by viewing
                        tasks assigned to them.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--Features end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #2</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-two-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-two-preview" role="tab" aria-controls="pills-feature-two-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-two-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-two-code" role="tab" aria-controls="pills-feature-two-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-two-preview"
                           role="tabpanel" aria-labelledby="pills-feature-two-preview-tab">
                           <!--Your finance start-->
                           <section>
                              <div class="container">
                                 <div class="row">
                                    <div class="col-xl-8 offset-xl-2">
                                       <div class="text-center mb-xl-7 mb-5">
                                          <h2 class="mb-3">
                                             A one-stop shop for
                                             <span class="text-primary">your finances.</span>
                                          </h2>
                                          <p class="mb-0">
                                             Designed to work better together erat velit eget hac nulla nullam et id
                                             praesent nisi ornare risus risus consequat nunc nisl pellentesque diam
                                             neque.
                                          </p>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="table-responsive-lg">
                                    <div class="row flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0">
                                       <div class="col-lg-4 col-md-6">
                                          <div class="card border-0 card-primary">
                                             <div class="card-body p-5">
                                                <div class="position-relative d-inline-block mb-5">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/feature-img-1.jpg"
                                                      alt="feature"
                                                      class="avatar avatar-xl rounded-circle border-2 border border-white shadow-sm" />

                                                   <div class="position-absolute bottom-0 end-0">
                                                      <div
                                                         class="icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                                            fill="currentColor" class="bi bi-bank2 text-primary"
                                                            viewBox="0 0 16 16">
                                                            <path
                                                               d="M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z" />
                                                         </svg>
                                                      </div>
                                                   </div>
                                                </div>
                                                <div class="mb-5">
                                                   <h4 class="card-title">Checking accounts</h4>
                                                   <p class="mb-0 card-text">Interdum et malesuada fames ac ante ipsum
                                                      primis in faucibus. Sed lacinia gsmod dui euismod id.</p>
                                                </div>

                                                <a href="#!" class="icon-link icon-link-hover card-link">
                                                   View All Accounts
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                      fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                      <path fill-rule="evenodd"
                                                         d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                                   </svg>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-6">
                                          <div class="card border-0 card-primary">
                                             <div class="card-body p-5">
                                                <div class="position-relative d-inline-block mb-5">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/feature-img-2.jpg"
                                                      alt="feature"
                                                      class="avatar avatar-xl rounded-circle border-2 border border-white shadow-sm" />

                                                   <div class="position-absolute bottom-0 end-0">
                                                      <div
                                                         class="icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                                            fill="currentColor"
                                                            class="bi bi-credit-card-2-front-fill text-primary"
                                                            viewBox="0 0 16 16">
                                                            <path
                                                               d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z" />
                                                         </svg>
                                                      </div>
                                                   </div>
                                                </div>
                                                <div class="mb-5">
                                                   <h4 class="card-title">Credit cards</h4>
                                                   <p class="mb-0 card-text">Nullam sodales, libero ac dictum convallis,
                                                      ipsum diam cursus stibulum lacinia ultricies eleifend.</p>
                                                </div>

                                                <a href="#!" class="icon-link icon-link-hover card-link">
                                                   Apply Credit Cards
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                      fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                      <path fill-rule="evenodd"
                                                         d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                                   </svg>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="col-lg-4 col-md-6">
                                          <div class="card border-0 card-primary">
                                             <div class="card-body p-5">
                                                <div class="position-relative d-inline-block mb-5">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/feature-img-3.jpg"
                                                      alt="feature"
                                                      class="avatar avatar-xl rounded-circle border-2 border border-white shadow-sm" />

                                                   <div class="position-absolute bottom-0 end-0">
                                                      <div
                                                         class="icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                                            fill="currentColor" class="bi bi-cash-stack text-primary"
                                                            viewBox="0 0 16 16">
                                                            <path
                                                               d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
                                                            <path
                                                               d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
                                                         </svg>
                                                      </div>
                                                   </div>
                                                </div>
                                                <div class="mb-5">
                                                   <h4 class="card-title">Investment</h4>
                                                   <p class="mb-0 card-text">In a odio sit amet nisi tincidunt congue.
                                                      Mauris cursus magna a vestibulum rutrum.</p>
                                                </div>

                                                <a href="#!" class="icon-link icon-link-hover card-link">
                                                   Start Investments
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                      fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                      <path fill-rule="evenodd"
                                                         d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                                   </svg>
                                                </a>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row mt-6">
                                    <div class="col-xl-10 offset-xl-1">
                                       <ul class="list-inline">
                                          <li
                                             class="list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-check-circle-fill text-success"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                             </svg>
                                             <span class="ms-2">24/7 account monitoring</span>
                                          </li>
                                          <li
                                             class="list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-check-circle-fill text-success"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                             </svg>
                                             <span class="ms-2 me-3">Protection & peace of mind</span>
                                          </li>
                                          <li
                                             class="list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-check-circle-fill text-success"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                             </svg>
                                             <span class="ms-2">Anytime, anywhere support</span>
                                          </li>
                                          <li class="list-inline-item d-inline-flex align-items-center me-3">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-check-circle-fill text-success"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                             </svg>
                                             <span class="ms-2">Serious security</span>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Your finance end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-two-code" role="tabpanel"
                           aria-labelledby="pills-feature-two-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Your finance start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-9 my-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-8 offset-xl-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center mb-xl-7 mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        A one-stop shop for
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>your finances.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Designed to work better together erat velit eget hac
                        nulla nullam et id praesent nisi ornare risus risus
                        consequat nunc nisl pellentesque diam neque.
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>table-responsive-lg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card border-0 card-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body p-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative d-inline-block mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/feature-img-1.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>feature<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-xl rounded-circle border-2 border border-white shadow-sm<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute bottom-0 end-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-bank2 text-primary<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
<span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-title<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Checking accounts
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 card-text<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Interdum et
                                    malesuada fames ac ante ipsum primis in
                                    faucibus. Sed lacinia gsmod dui euismod
                                    id.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover card-link<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                View All Accounts
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card border-0 card-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body p-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative d-inline-block mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/feature-img-2.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>feature<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-xl rounded-circle border-2 border border-white shadow-sm<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute bottom-0 end-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-credit-card-2-front-fill text-primary<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
<span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-title<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Credit cards<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 card-text<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Nullam sodales,
                                    libero ac dictum convallis, ipsum diam
                                    cursus stibulum lacinia ultricies
                                    eleifend.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover card-link<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                Apply Credit Cards
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card border-0 card-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body p-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative d-inline-block mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/feature-img-3.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>feature<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-xl rounded-circle border-2 border border-white shadow-sm<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute bottom-0 end-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-md icon-shape rounded-circle bg-white me-n2 mb-n2 shadow-sm<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-cash-stack text-primary<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
<span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
<span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-title<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Investment<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 card-text<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>In a odio sit amet
                                    nisi tincidunt congue. Mauris cursus
                                    magna a vestibulum rutrum.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover card-link<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                Start Investments
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row mt-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-10 offset-xl-1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-inline<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>24/7 account monitoring<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2 me-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Protection &amp; peace of
                            mind<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-inline-item d-inline-flex align-items-center me-3 mb-2 mb-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Anytime, anywhere support<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-inline-item d-inline-flex align-items-center me-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Serious security<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--Your finance end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #3</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-three-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-three-preview" role="tab" aria-controls="pills-feature-three-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-three-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-three-code" role="tab" aria-controls="pills-feature-three-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-three-preview"
                           role="tabpanel" aria-labelledby="pills-feature-three-preview-tab">
                           <!--Visualize & plan start-->
                           <section>
                              <div class="container">
                                 <div class="row align-items-center">
                                    <div class="col-lg-5 col-md-6 col-12">
                                       <div>
                                          <small class="text-primary text-uppercase ls-md fw-semibold">Visualize &
                                             plan</small>
                                          <div class="mb-5 mt-4">
                                             <h2 class="mb-3">Build the perfect workflow for every project.</h2>
                                             <p class="mb-0 lead">Track your entire project from start to finish with
                                                beautiful views that make project planning a breeze.</p>
                                          </div>

                                          <a href="#" class="icon-link icon-link-hover">
                                             Learn More
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-lg-6 offset-lg-1 col-md-6 col-12">
                                       <div class="position-relative rellax" data-rellax-percentage="1"
                                          data-rellax-speed="0.8" data-disable-parallax-down="md">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/saas/saas-img-1.jpg"
                                                alt="landing" class="img-fluid rounded-4" />
                                          </figure>
                                          <div
                                             class="flex-column position-absolute bottom-0 mx-lg-4 mb-4 d-flex align-items-center justify-content-between ms-2">
                                             <div
                                                class="w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 ms-2 ms-lg-7 rellax"
                                                data-rellax-percentage="0.4" data-rellax-speed="0.4"
                                                data-disable-parallax-down="md">
                                                <div class="d-flex align-items-center">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/avatar/avatar-1.jpg"
                                                      alt="avatar" class="avatar avatar-sm rounded-circle me-2" />
                                                   <h6 class="mb-0 text-truncate">Jitu Doe</h6>
                                                </div>
                                                <div>
                                                   <div class="ms-lg-7 ps-lg-6">
                                                      <div
                                                         class="bg-primary bg-opacity-25 fs-6 text-primary rounded-pill badge">
                                                         Designer</div>
                                                   </div>
                                                </div>
                                             </div>
                                             <div
                                                class="w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 rellax"
                                                data-rellax-percentage="0.5" data-rellax-speed="0.5"
                                                data-disable-parallax-down="md">
                                                <div class="d-flex align-items-center">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/avatar/avatar-2.jpg"
                                                      alt="avatar" class="avatar avatar-sm rounded-circle me-2" />
                                                   <h6 class="mb-0 text-truncate">Anita Par</h6>
                                                </div>
                                                <div>
                                                   <div class="ms-lg-7 ps-lg-6">
                                                      <div
                                                         class="bg-info bg-opacity-25 text-info rounded-pill badge fs-6">
                                                         UI Developer</div>
                                                   </div>
                                                </div>
                                             </div>
                                             <div
                                                class="w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 rellax ms-4 ms-lg-7"
                                                data-rellax-percentage="0.6" data-rellax-speed="0.6"
                                                data-disable-parallax-down="md">
                                                <div class="d-flex align-items-center">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/avatar/avatar-4.jpg"
                                                      alt="avatar" class="avatar avatar-sm rounded-circle me-2" />
                                                   <h6 class="mb-0 text-truncate">Sandip</h6>
                                                </div>
                                                <div>
                                                   <div class="ms-lg-7 ps-lg-6">
                                                      <div
                                                         class="bg-success bg-opacity-25 text-success rounded-pill badge fs-6">
                                                         Stack Developer</div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Visualize & plan end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-three-code" role="tabpanel"
                           aria-labelledby="pills-feature-three-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Visualize &amp; plan start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-7 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-5 col-md-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary text-uppercase ls-md fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Visualize
                        &amp; plan<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5 mt-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Build the perfect workflow for
                            every project.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 lead<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Track your entire project from
                            start to finish with beautiful views that make
                            project planning a breeze.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Learn More
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 offset-lg-1 col-md-6 col-12<span class="token punctuation">"</span></span>
                <span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative rellax<span class="token punctuation">"</span></span>
                    <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span> <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.8<span class="token punctuation">"</span></span>
                    <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/saas/saas-img-1.jpg<span class="token punctuation">"</span></span>
                            <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>landing<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid rounded-4<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>flex-column position-absolute bottom-0 mx-lg-4 mb-4 d-flex align-items-center justify-content-between ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 ms-2 ms-lg-7 rellax<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.4<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.4<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/avatar/avatar-1.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-sm rounded-circle me-2<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h6</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-truncate<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Jitu Doe<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h6</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-lg-7 ps-lg-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-primary bg-opacity-25 fs-6 text-primary rounded-pill badge<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        Designer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 rellax<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.5<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.5<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/avatar/avatar-2.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-sm rounded-circle me-2<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h6</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-truncate<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Anita Par
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h6</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-lg-7 ps-lg-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-info bg-opacity-25 text-info rounded-pill badge fs-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        UI Developer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>w-100 d-flex align-items-center p-2 justify-content-between bg-white mb-2 rounded-4 rellax ms-4 ms-lg-7<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.6<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.6<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/avatar/avatar-4.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-sm rounded-circle me-2<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h6</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-truncate<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Sandip<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h6</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-lg-7 ps-lg-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-success bg-opacity-25 text-success rounded-pill badge fs-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        Stack Developer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--Visualize &amp; plan end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #4</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-four-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-four-preview" role="tab" aria-controls="pills-feature-four-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-four-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-four-code" role="tab" aria-controls="pills-feature-four-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-four-preview"
                           role="tabpanel" aria-labelledby="pills-feature-four-preview-tab">
                           <!--Collaborate start-->
                           <section>
                              <div class="container pb-lg-5">
                                 <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-6 col-12 order-lg-2 order-1">
                                       <div class="position-relative rellax mb-7 mb-lg-0" data-rellax-percentage="1"
                                          data-rellax-speed="0.8" data-disable-parallax-down="md">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/saas/saas-img-2.jpg"
                                                alt="landing" class="img-fluid rounded-4" />
                                          </figure>
                                          <div class="d-flex flex-column position-absolute bottom-0 ms-4 mb-4">
                                             <img src="https://block.codescandy.com/assets/images/avatar/avatar-1.jpg"
                                                alt="avatar"
                                                class="avatar avatar-lg rounded-circle border border-white border-2 mb-2 rellax"
                                                data-rellax-percentage="0.4" data-rellax-speed="0.4"
                                                data-disable-parallax-down="md" />
                                             <img src="https://block.codescandy.com/assets/images/avatar/avatar-2.jpg"
                                                alt="avatar"
                                                class="avatar avatar-lg rounded-circle border border-white border-2 mb-2 rellax"
                                                data-rellax-percentage="0.5" data-rellax-speed="0.5"
                                                data-disable-parallax-down="md" />
                                             <img src="https://block.codescandy.com/assets/images/avatar/avatar-3.jpg"
                                                alt="avatar"
                                                class="avatar avatar-lg rounded-circle border border-white border-2 rellax"
                                                data-rellax-percentage="0.6" data-rellax-speed="0.6"
                                                data-disable-parallax-down="md" />
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-5 offset-lg-1 col-md-6 col-12 order-lg-2">
                                       <div class="mt-md-5">
                                          <small
                                             class="text-primary text-uppercase ls-md fw-semibold">Collaborate</small>
                                          <div class="mb-5 mt-4">
                                             <h2 class="mb-3">Move team ideas to action, faster.</h2>
                                             <p class="lead mb-0">Collaborate and build total alignment on your project
                                                by adding comments to any task or document.</p>
                                          </div>
                                          <ul class="list-unstyled mb-5">
                                             <li class="mb-2 d-flex">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor" class="bi bi-check-circle-fill text-success mt-1"
                                                   viewBox="0 0 16 16">
                                                   <path
                                                      d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                </svg>
                                                <span class="ms-2">Fusce ultricies velit fel dignissim</span>
                                             </li>
                                             <li class="mb-2 d-flex">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor" class="bi bi-check-circle-fill text-success mt-1"
                                                   viewBox="0 0 16 16">
                                                   <path
                                                      d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                </svg>
                                                <span class="ms-2">Suspendisse potenti. Mauris et ipsum odio.</span>
                                             </li>
                                             <li class="mb-2 d-flex">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor" class="bi bi-check-circle-fill text-success mt-1"
                                                   viewBox="0 0 16 16">
                                                   <path
                                                      d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                </svg>
                                                <span class="ms-2">Pellentesque imperdiet blandit pretium.</span>
                                             </li>
                                          </ul>

                                          <a href="#" class="icon-link icon-link-hover">
                                             <span>Learn More</span>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Collaborate end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-four-code" role="tabpanel"
                           aria-labelledby="pills-feature-four-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Collaborate start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-7 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container pb-lg-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 col-md-6 col-12 order-lg-2 order-1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative rellax mb-7 mb-lg-0<span class="token punctuation">"</span></span>
                    <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span> <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.8<span class="token punctuation">"</span></span>
                    <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/saas/saas-img-2.jpg<span class="token punctuation">"</span></span>
                            <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>landing<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid rounded-4<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column position-absolute bottom-0 ms-4 mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/avatar/avatar-1.jpg<span class="token punctuation">"</span></span>
                            <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-lg rounded-circle border border-white border-2 mb-2 rellax<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.4<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.4<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/avatar/avatar-2.jpg<span class="token punctuation">"</span></span>
                            <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-lg rounded-circle border border-white border-2 mb-2 rellax<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.5<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.5<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/avatar/avatar-3.jpg<span class="token punctuation">"</span></span>
                            <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>avatar avatar-lg rounded-circle border border-white border-2 rellax<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-percentage</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.6<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-rellax-speed</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.6<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-disable-parallax-down</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-5 offset-lg-1 col-md-6 col-12 order-lg-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mt-md-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary text-uppercase ls-md fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Collaborate<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5 mt-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Move team ideas to action, faster.
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>lead mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Collaborate and build total
                            alignment on your project by adding comments to
                            any task or document.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-unstyled mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-2 d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success mt-1<span class="token punctuation">"</span></span>
                                <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                    <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Fusce ultricies velit fel
                                dignissim<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-2 d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success mt-1<span class="token punctuation">"</span></span>
                                <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                    <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Suspendisse potenti. Mauris
                                et ipsum odio.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-2 d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-success mt-1<span class="token punctuation">"</span></span>
                                <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                    <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Pellentesque imperdiet
                                blandit pretium.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>Learn More<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--Collaborate end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #5</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-five-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-five-preview" role="tab" aria-controls="pills-feature-five-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-five-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-five-code" role="tab" aria-controls="pills-feature-five-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-five-preview"
                           role="tabpanel" aria-labelledby="pills-feature-five-preview-tab">
                           <!--Product designer start-->
                           <section>
                              <div class="container">
                                 <div class="row">
                                    <div class="col-lg-8 offset-lg-2">
                                       <div class="text-center mb-xl-7 mb-5">
                                          <h2 class="mb-3">
                                             Products designed for
                                             <span class="text-primary">all sizes businesses.</span>
                                          </h2>
                                          <p class="mb-0">
                                             Enim sed parturient sem enim nunc sit erat velit eget hac nulla nullam et
                                             id praesent nisi ornare risus risus consequat nunc nisl pellentesque diam
                                             neque.
                                          </p>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row align-items-center">
                                    <div class="col-xl-5 col-md-6 col-12">
                                       <div class="nav flex-column nav-pills mb-5 mb-lg-0" id="v-pills-tab"
                                          role="tablist" aria-orientation="vertical">
                                          <a href="#"
                                             class="nav-link active d-flex text-start align-items-center align-items-lg-start p-xl-4 p-3"
                                             id="v-pills-small-business-tab" data-bs-toggle="pill"
                                             data-bs-target="#v-pills-small-business" role="tab"
                                             aria-controls="v-pills-small-business" aria-selected="true">
                                             <div class="d-flex">
                                                <div class="icon-md icon-shape rounded-circle bg-white shadow-sm">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                                      fill="currentColor" class="bi bi-bank2 text-primary"
                                                      viewBox="0 0 16 16">
                                                      <path
                                                         d="M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4 class="mb-0">For small business</h4>
                                                <p class="mb-0 mt-lg-3 d-none d-lg-block">
                                                   Interdum et malesuad a fames ac ante ipsum primis in faucibus. Simple
                                                   dummy content. Sed lacinia gsmod dui euismod id.
                                                </p>
                                             </div>
                                          </a>
                                          <a href="#"
                                             class="nav-link d-flex text-start align-items-center align-items-lg-start p-xl-4 p-3"
                                             id="v-pills-profile-tab" data-bs-toggle="pill"
                                             data-bs-target="#v-pills-profile" role="tab"
                                             aria-controls="v-pills-profile" aria-selected="false">
                                             <div class="d-flex">
                                                <div class="icon-md icon-shape rounded-circle bg-white shadow-sm">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                                      fill="currentColor"
                                                      class="bi bi-credit-card-2-front-fill text-primary"
                                                      viewBox="0 0 16 16">
                                                      <path
                                                         d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4 class="mb-0">For startups</h4>
                                                <p class="mb-0 mt-lg-3 d-none d-lg-block">
                                                   Nullam sodales, libero ac dictum convallis, ipsum diam cursus
                                                   stibulum lacinia ultricies eleifend. Simple dummy content.
                                                </p>
                                             </div>
                                          </a>
                                          <a href="#"
                                             class="nav-link d-flex text-start p-xl-4 p-3 align-items-center align-items-lg-start"
                                             id="v-pills-enterprises-tab" data-bs-toggle="pill"
                                             data-bs-target="#v-pills-enterprises" role="tab"
                                             aria-controls="v-pills-enterprises" aria-selected="false">
                                             <div class="d-flex">
                                                <div class="icon-md icon-shape rounded-circle bg-white shadow-sm">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
                                                      fill="currentColor" class="bi bi-cash-stack text-primary"
                                                      viewBox="0 0 16 16">
                                                      <path
                                                         d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
                                                      <path
                                                         d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4 class="mb-0">For enterprises</h4>
                                                <p class="mb-0 mt-lg-3 d-none d-lg-block">
                                                   In a odio sit amet nisi tincidunt congue. Mauris cursus magna a
                                                   vestibulum rutrum. Vivamus sit amet luctus leo. Simple dummy content.
                                                </p>
                                             </div>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-xl-6 offset-xl-1 col-md-6 col-12">
                                       <div class="tab-content" id="v-pills-tabContent">
                                          <div class="tab-pane fade show active" id="v-pills-small-business"
                                             role="tabpanel" aria-labelledby="v-pills-small-business-tab" tabindex="0">
                                             <div class="position-relative scene" data-relative-input="true">
                                                <figure>
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/finance-tab-3.jpg"
                                                      alt="finance" class="img-fluid rounded-3" />
                                                </figure>

                                                <div class="position-relative" data-depth="0.05">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/card.svg"
                                                      alt="" class="position-absolute bottom-0 end-0 px-4" />
                                                </div>
                                             </div>
                                          </div>
                                          <div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
                                             aria-labelledby="v-pills-profile-tab" tabindex="0">
                                             <div class="position-relative scene" data-relative-input="true">
                                                <figure>
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/finance-tab-2.jpg"
                                                      alt="finance" class="img-fluid rounded-3" />
                                                </figure>

                                                <div class="position-relative" data-depth="0.05">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/card.svg"
                                                      alt="" class="position-absolute bottom-0 start-0 px-4" />
                                                </div>
                                             </div>
                                          </div>

                                          <div class="tab-pane fade" id="v-pills-enterprises" role="tabpanel"
                                             aria-labelledby="v-pills-enterprises-tab" tabindex="0">
                                             <div class="position-relative scene" data-relative-input="true">
                                                <figure>
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/finance-tab-1.jpg"
                                                      alt="finance" class="img-fluid rounded-3" />
                                                </figure>

                                                <div class="position-relative" data-depth="0.05">
                                                   <img
                                                      src="https://block.codescandy.com/assets/images/landings/finance/card.svg"
                                                      alt=""
                                                      class="position-absolute bottom-0 start-50 translate-middle-x" />
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Product designer end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-five-code" role="tabpanel"
                           aria-labelledby="pills-feature-five-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Product designer start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-9 my-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-8 offset-lg-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center mb-xl-7 mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Products designed for
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>all sizes
                            businesses.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Enim sed parturient sem enim nunc sit erat velit
                        eget hac nulla nullam et id praesent nisi ornare
                        risus risus consequat nunc nisl pellentesque diam
                        neque.
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-5 col-md-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nav flex-column nav-pills mb-5 mb-lg-0<span class="token punctuation">"</span></span>
                    <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-tab<span class="token punctuation">"</span></span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tablist<span class="token punctuation">"</span></span>
                    <span class="token attr-name">aria-orientation</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>vertical<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nav-link active d-flex text-start align-items-center align-items-lg-start p-xl-4 p-3<span class="token punctuation">"</span></span>
                        <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-small-business-tab<span class="token punctuation">"</span></span>
                        <span class="token attr-name">data-bs-toggle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pill<span class="token punctuation">"</span></span>
                        <span class="token attr-name">data-bs-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#v-pills-small-business<span class="token punctuation">"</span></span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-controls</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-small-business<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-selected</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-md icon-shape rounded-circle bg-white shadow-sm<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-bank2 text-primary<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>For small business<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 mt-lg-3 d-none d-lg-block<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                Interdum et malesuad a fames ac ante ipsum
                                primis in faucibus. Simple dummy content.
                                Sed lacinia gsmod dui euismod id.
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nav-link d-flex text-start align-items-center align-items-lg-start p-xl-4 p-3<span class="token punctuation">"</span></span>
                        <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-profile-tab<span class="token punctuation">"</span></span> <span class="token attr-name">data-bs-toggle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pill<span class="token punctuation">"</span></span>
                        <span class="token attr-name">data-bs-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#v-pills-profile<span class="token punctuation">"</span></span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-controls</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-profile<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-selected</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>false<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-md icon-shape rounded-circle bg-white shadow-sm<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-credit-card-2-front-fill text-primary<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>For startups<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 mt-lg-3 d-none d-lg-block<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                Nullam sodales, libero ac dictum convallis,
                                ipsum diam cursus stibulum lacinia ultricies
                                eleifend. Simple dummy content.
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nav-link d-flex text-start p-xl-4 p-3 align-items-center align-items-lg-start<span class="token punctuation">"</span></span>
                        <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-enterprises-tab<span class="token punctuation">"</span></span> <span class="token attr-name">data-bs-toggle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pill<span class="token punctuation">"</span></span>
                        <span class="token attr-name">data-bs-target</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#v-pills-enterprises<span class="token punctuation">"</span></span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-controls</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-enterprises<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-selected</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>false<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                                <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-md icon-shape rounded-circle bg-white shadow-sm<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-cash-stack text-primary<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>For enterprises<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 mt-lg-3 d-none d-lg-block<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                In a odio sit amet nisi tincidunt congue.
                                Mauris cursus magna a vestibulum rutrum.
                                Vivamus sit amet luctus leo. Simple dummy
                                content.
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-6 offset-xl-1 col-md-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab-content<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-tabContent<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab-pane fade show active<span class="token punctuation">"</span></span>
                        <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-small-business<span class="token punctuation">"</span></span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tabpanel<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-labelledby</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-small-business-tab<span class="token punctuation">"</span></span>
                        <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative scene<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-relative-input</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span>
                                    <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/finance-tab-3.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>finance<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>

                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative<span class="token punctuation">"</span></span>
                                <span class="token attr-name">data-depth</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.05<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/card.svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute bottom-0 end-0 px-4<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab-pane fade<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-profile<span class="token punctuation">"</span></span>
                        <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tabpanel<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-labelledby</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-profile-tab<span class="token punctuation">"</span></span> <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative scene<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-relative-input</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span>
                                    <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/finance-tab-2.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>finance<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>

                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative<span class="token punctuation">"</span></span>
                                <span class="token attr-name">data-depth</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.05<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/card.svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute bottom-0 start-0 px-4<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tab-pane fade<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-enterprises<span class="token punctuation">"</span></span>
                        <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tabpanel<span class="token punctuation">"</span></span>
                        <span class="token attr-name">aria-labelledby</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>v-pills-enterprises-tab<span class="token punctuation">"</span></span>
                        <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative scene<span class="token punctuation">"</span></span>
                            <span class="token attr-name">data-relative-input</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span>
                                    <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/finance-tab-1.jpg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>finance<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid rounded-3<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>

                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative<span class="token punctuation">"</span></span>
                                <span class="token attr-name">data-depth</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.05<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/finance/card.svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute bottom-0 start-50 translate-middle-x<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--Product designer end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #6</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-six-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-six-preview" role="tab" aria-controls="pills-feature-six-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-six-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-six-code" role="tab" aria-controls="pills-feature-six-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-six-preview"
                           role="tabpanel" aria-labelledby="pills-feature-six-preview-tab">
                           <!--forword together-->
                           <section>
                              <div class="container">
                                 <div class="row">
                                    <div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2">
                                       <div class="text-center mb-xl-7 mb-5">
                                          <h2 class="mb-0">Our principles that keep us moving forward together.</h2>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row g-lg-7 gy-5">
                                    <div class="col-lg-4 col-md-4">
                                       <div class="mb-5">
                                          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                             fill="currentColor" class="bi bi-rocket-takeoff text-primary"
                                             viewBox="0 0 16 16">
                                             <path
                                                d="M9.752 6.193c.599.6 1.73.437 2.528-.362.798-.799.96-1.932.362-2.531-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532Z" />
                                             <path
                                                d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9.42 9.42 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a9.556 9.556 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093.067.017.12.033.16.045.184.06.279.13.351.295l.029.073a3.475 3.475 0 0 1 .157.721c.055.485.051 1.178-.159 2.065Zm-4.828 7.475.04-.04-.107 1.081a1.536 1.536 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a8.548 8.548 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006ZM5.205 5c-.625.626-.94 1.351-1.004 2.09a8.497 8.497 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107-.04.039Zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a2.835 2.835 0 0 0-.045-.283 3.078 3.078 0 0 0-.3-.041Z" />
                                             <path
                                                d="M7.009 12.139a7.632 7.632 0 0 1-1.804-1.352A7.568 7.568 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z" />
                                          </svg>
                                       </div>

                                       <h4>Our Mission</h4>
                                       <p class="mb-0">With technology at our core, we build global infrastructure and
                                          applications to empower businesses to operate anywhere, anytime.</p>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                       <div class="mb-5">
                                          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                             fill="currentColor" class="bi bi-gem text-primary" viewBox="0 0 16 16">
                                             <path
                                                d="M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.1 5.3a.5.5 0 0 1 0-.6l3-4zm11.386 3.785-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495 8 13.366l2.532-7.876-5.062.005zm-1.371-.999-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l5.113 6.817-2.192-6.82L1.5 5.5zm7.889 6.817 5.123-6.83-2.928.002-2.195 6.828z" />
                                          </svg>
                                       </div>

                                       <h4>Our Visions</h4>
                                       <p class="mb-0">To be the global economic infrastructure to empower businesses of
                                          all sizes to grow without borders.</p>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                       <div class="mb-5">
                                          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                             fill="currentColor" class="bi bi-bullseye text-primary"
                                             viewBox="0 0 16 16">
                                             <path
                                                d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                                             <path
                                                d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10zm0 1A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" />
                                             <path
                                                d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
                                             <path d="M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
                                          </svg>
                                       </div>
                                       <h4>Our Purpose</h4>
                                       <p class="mb-0">To connect the entrepreneurs, business builders, makers and
                                          creators with borderless opportunities in every corner of the world.</p>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--forword together-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-six-code" role="tabpanel"
                           aria-labelledby="pills-feature-six-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--forword together--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-lg-9 my-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 offset-lg-3 col-md-8 offset-md-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center mb-xl-7 mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Our principles that keep us moving
                        forward together.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-lg-7 gy-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span>
                        <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-rocket-takeoff text-primary<span class="token punctuation">"</span></span>
                        <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M9.752 6.193c.599.6 1.73.437 2.528-.362.798-.799.96-1.932.362-2.531-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9.42 9.42 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a9.556 9.556 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093.067.017.12.033.16.045.184.06.279.13.351.295l.029.073a3.475 3.475 0 0 1 .157.721c.055.485.051 1.178-.159 2.065Zm-4.828 7.475.04-.04-.107 1.081a1.536 1.536 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a8.548 8.548 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006ZM5.205 5c-.625.626-.94 1.351-1.004 2.09a8.497 8.497 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107-.04.039Zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a2.835 2.835 0 0 0-.045-.283 3.078 3.078 0 0 0-.3-.041Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M7.009 12.139a7.632 7.632 0 0 1-1.804-1.352A7.568 7.568 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Our Mission<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>With technology at our core, we build global
                    infrastructure and applications to empower businesses to
                    operate anywhere, anytime.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span>
                        <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-gem text-primary<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.1 5.3a.5.5 0 0 1 0-.6l3-4zm11.386 3.785-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495 8 13.366l2.532-7.876-5.062.005zm-1.371-.999-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l5.113 6.817-2.192-6.82L1.5 5.5zm7.889 6.817 5.123-6.83-2.928.002-2.195 6.828z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Our Visions<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>To be the global economic infrastructure to
                    empower businesses of all sizes to grow without borders.
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span>
                        <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-bullseye text-primary<span class="token punctuation">"</span></span>
                        <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10zm0 1A6 6 0 1 0 8 2a6 6 0 0 0 0 12z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Our Purpose<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>To connect the entrepreneurs, business
                        builders, makers and creators with borderless
                        opportunities in every corner of the world.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>

            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--forword together--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #7</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-seven-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-seven-preview" role="tab" aria-controls="pills-feature-seven-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-seven-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-seven-code" role="tab" aria-controls="pills-feature-seven-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-seven-preview"
                           role="tabpanel" aria-labelledby="pills-feature-seven-preview-tab">
                           <!--community resource-->
                           <section>
                              <div class="container">
                                 <div class="row g-xl-7">
                                    <div class="col-lg-12 col-md-12 col-12">
                                       <div class="text-center text-md-start mb-5">
                                          <h2 class="mb-0">Community Resources</h2>
                                       </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                       <div class="text-center text-md-start p-4 p-md-0">
                                          <div class="mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-chat-dots text-dark"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                                                <path
                                                   d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
                                             </svg>
                                          </div>
                                          <div class="mb-4">
                                             <h4>Chat Dashboard</h4>
                                             <p class="mb-0 pe-lg-3">Log in to the Chat Dashboard to get assistance</p>
                                          </div>

                                          <a href="#!" class="icon-link icon-link-hover">
                                             Start Chat
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                </path>
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                       <div class="text-center text-md-start p-4 p-md-0">
                                          <div class="mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-slack text-dark" viewBox="0 0 16 16">
                                                <path
                                                   d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z" />
                                             </svg>
                                          </div>
                                          <div class="mb-4">
                                             <h4>Slack</h4>
                                             <p class="mb-0 pe-lg-3">Join our Codescandy Community Slack channel</p>
                                          </div>

                                          <a href="#!" class="icon-link icon-link-hover">
                                             Join Slack
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                </path>
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-md-4 col-12">
                                       <div class="text-center text-md-start p-4 p-md-0">
                                          <div class="mb-5">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-github text-dark" viewBox="0 0 16 16">
                                                <path
                                                   d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
                                             </svg>
                                          </div>
                                          <div class="mb-4">
                                             <h4>Github</h4>
                                             <p class="mb-0">Ask questions in Github Discussions</p>
                                          </div>

                                          <a href="#!" class="icon-link icon-link-hover">
                                             Discussion
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--community resource-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-seven-code" role="tabpanel"
                           aria-labelledby="pills-feature-seven-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--community resource--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>py-lg-10 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-xl-7<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-12 col-md-12 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Community Resources<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-4 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start p-4 p-md-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-chat-dots text-dark<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Chat Dashboard<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 pe-lg-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Log in to the Chat Dashboard
                            to get assistance<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Start Chat
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>path</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-4 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start p-4 p-md-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-slack text-dark<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Slack<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 pe-lg-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Join our Codescandy
                            Community Slack channel<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Join Slack
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>path</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-4 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center text-md-start p-4 p-md-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-github text-dark<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Github<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Ask questions in Github Discussions
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        Discussion
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--community resource--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #8</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-feature-eight-preview-tab" data-bs-toggle="pill"
                              href="#pills-feature-eight-preview" role="tab" aria-controls="pills-feature-eight-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-feature-eight-code-tab" data-bs-toggle="pill"
                              href="#pills-feature-eight-code" role="tab" aria-controls="pills-feature-eight-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-feature-eight-preview"
                           role="tabpanel" aria-labelledby="pills-feature-eight-preview-tab">
                           <!--our benefits-->
                           <section>
                              <div class="container">
                                 <div class="row">
                                    <div class="col-xl-4 offset-xl-4 col-md-12">
                                       <div class="text-center mb-xl-7 mb-5">
                                          <small class="text-uppercase ls-md fw-semibold text-primary">Our
                                             benefits</small>
                                          <h2 class="mt-3 mb-0">Work Happier With Us</h2>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row g-6">
                                    <div class="col-md-6">
                                       <div class="d-flex">
                                          <div
                                             class="icon-xl icon-shape rounded-circle bg-warning bg-opacity-10 flex-shrink-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-prescription2 text-warning-emphasis"
                                                viewBox="0 0 16 16">
                                                <path d="M7 6h2v2h2v2H9v2H7v-2H5V8h2V6Z" />
                                                <path
                                                   d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1V1Zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4H4ZM3 3h10V1H3v2Z" />
                                             </svg>
                                          </div>
                                          <div class="ms-4">
                                             <h4>Inclusive Health Package</h4>
                                             <p class="mb-0">We care about your well-being, and offer dental and vision
                                                benefits for you and your family. No stress on health expenses.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-6">
                                       <div class="d-flex">
                                          <div
                                             class="icon-xl icon-shape rounded-circle bg-danger bg-opacity-10 flex-shrink-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-globe-asia-australia text-danger"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="m10.495 6.92 1.278-.619a.483.483 0 0 0 .126-.782c-.252-.244-.682-.139-.932.107-.23.226-.513.373-.816.53l-.102.054c-.338.178-.264.626.1.736a.476.476 0 0 0 .346-.027ZM7.741 9.808V9.78a.413.413 0 1 1 .783.183l-.22.443a.602.602 0 0 1-.12.167l-.193.185a.36.36 0 1 1-.5-.516l.112-.108a.453.453 0 0 0 .138-.326ZM5.672 12.5l.482.233A.386.386 0 1 0 6.32 12h-.416a.702.702 0 0 1-.419-.139l-.277-.206a.302.302 0 1 0-.298.52l.761.325Z" />
                                                <path
                                                   d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.612 10.867l.756-1.288a1 1 0 0 1 1.545-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.882.882 0 0 0 .26-.755c-.075-.548.37-1.033.92-1.099.728-.086 1.587-.324 1.728-.957.086-.386-.114-.83-.361-1.2-.207-.312 0-.8.374-.8.123 0 .24-.055.318-.15l.393-.474c.196-.237.491-.368.797-.403.554-.064 1.407-.277 1.583-.973.098-.391-.192-.634-.484-.88-.254-.212-.51-.426-.515-.741a6.998 6.998 0 0 1 3.425 7.692 1.015 1.015 0 0 0-.087-.063l-.316-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.741.051l-1.021-.329A1 1 0 0 0 11.205 9h-.165a1 1 0 0 0-.945.674l-.172.499a1 1 0 0 1-.404.514l-.802.518a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257a1 1 0 0 1 .542.16l.762.49a.998.998 0 0 0 .283.126 7.001 7.001 0 0 1-9.49-3.409Z" />
                                             </svg>
                                          </div>
                                          <div class="ms-4">
                                             <h4>Flexible Working Style</h4>
                                             <p class="mb-0">We are 100% remote-friendly, work with team mates from
                                                different time zones across the globe.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-6">
                                       <div class="d-flex">
                                          <div
                                             class="icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-people-fill text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" />
                                             </svg>
                                          </div>
                                          <div class="ms-4">
                                             <h4>Diversity and Inclusion</h4>
                                             <p class="mb-0">Our strength lies in team members from diverse backgrounds
                                                with a culture of inclusion where everyone feels respected.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-6">
                                       <div class="d-flex">
                                          <div
                                             class="icon-xl icon-shape rounded-circle bg-success bg-opacity-10 flex-shrink-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-easel text-success"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M8 0a.5.5 0 0 1 .473.337L9.046 2H14a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1.85l1.323 3.837a.5.5 0 1 1-.946.326L11.092 11H8.5v3a.5.5 0 0 1-1 0v-3H4.908l-1.435 4.163a.5.5 0 1 1-.946-.326L3.85 11H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4.954L7.527.337A.5.5 0 0 1 8 0zM2 3v7h12V3H2z" />
                                             </svg>
                                          </div>
                                          <div class="ms-4">
                                             <h4>Learn And Grow</h4>
                                             <p class="mb-0">We help you grow in your career with ongoing mentorship,
                                                and send you to events so you can build your network.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-6">
                                       <div class="d-flex">
                                          <div
                                             class="icon-xl icon-shape rounded-circle bg-info bg-opacity-10 flex-shrink-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-emoji-heart-eyes text-info"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                                                <path
                                                   d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z" />
                                             </svg>
                                          </div>
                                          <div class="ms-4">
                                             <h4>Balanced Working Life</h4>
                                             <p class="mb-0">We offer an open vacation policy with a recommended 4-weeks
                                                per year. Recharge whenever you need to.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-6">
                                       <div class="d-flex">
                                          <div
                                             class="icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                fill="currentColor" class="bi bi-cash-stack text-primary"
                                                viewBox="0 0 16 16">
                                                <path
                                                   d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
                                                <path
                                                   d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z" />
                                             </svg>
                                          </div>
                                          <div class="ms-4">
                                             <h4>Generous Perks Program</h4>
                                             <p class="mb-0">We offer several perk stipends to support healthy home
                                                office ergonomics, continuous learning, wellness and connectivity.</p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--our benefits-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-feature-eight-code" role="tabpanel"
                           aria-labelledby="pills-feature-eight-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--our benefits--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-9 my-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-4 offset-xl-4 col-md-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center mb-xl-7 mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-uppercase ls-md fw-semibold text-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Our
                        benefits<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mt-3 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Work Happier With Us<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-xl icon-shape rounded-circle bg-warning bg-opacity-10 flex-shrink-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-prescription2 text-warning-emphasis<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M7 6h2v2h2v2H9v2H7v-2H5V8h2V6Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1V1Zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4H4ZM3 3h10V1H3v2Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Inclusive Health Package<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We care about your well-being, and
                            offer dental and vision benefits for you and
                            your family. No stress on health expenses.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-xl icon-shape rounded-circle bg-danger bg-opacity-10 flex-shrink-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-globe-asia-australia text-danger<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>m10.495 6.92 1.278-.619a.483.483 0 0 0 .126-.782c-.252-.244-.682-.139-.932.107-.23.226-.513.373-.816.53l-.102.054c-.338.178-.264.626.1.736a.476.476 0 0 0 .346-.027ZM7.741 9.808V9.78a.413.413 0 1 1 .783.183l-.22.443a.602.602 0 0 1-.12.167l-.193.185a.36.36 0 1 1-.5-.516l.112-.108a.453.453 0 0 0 .138-.326ZM5.672 12.5l.482.233A.386.386 0 1 0 6.32 12h-.416a.702.702 0 0 1-.419-.139l-.277-.206a.302.302 0 1 0-.298.52l.761.325Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.612 10.867l.756-1.288a1 1 0 0 1 1.545-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.882.882 0 0 0 .26-.755c-.075-.548.37-1.033.92-1.099.728-.086 1.587-.324 1.728-.957.086-.386-.114-.83-.361-1.2-.207-.312 0-.8.374-.8.123 0 .24-.055.318-.15l.393-.474c.196-.237.491-.368.797-.403.554-.064 1.407-.277 1.583-.973.098-.391-.192-.634-.484-.88-.254-.212-.51-.426-.515-.741a6.998 6.998 0 0 1 3.425 7.692 1.015 1.015 0 0 0-.087-.063l-.316-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.741.051l-1.021-.329A1 1 0 0 0 11.205 9h-.165a1 1 0 0 0-.945.674l-.172.499a1 1 0 0 1-.404.514l-.802.518a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257a1 1 0 0 1 .542.16l.762.49a.998.998 0 0 0 .283.126 7.001 7.001 0 0 1-9.49-3.409Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Flexible Working Style<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We are 100% remote-friendly, work
                            with team mates from different time zones across
                            the globe.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-people-fill text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Diversity and Inclusion<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Our strength lies in team members
                            from diverse backgrounds with a culture of
                            inclusion where everyone feels respected.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-xl icon-shape rounded-circle bg-success bg-opacity-10 flex-shrink-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-easel text-success<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 0a.5.5 0 0 1 .473.337L9.046 2H14a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1.85l1.323 3.837a.5.5 0 1 1-.946.326L11.092 11H8.5v3a.5.5 0 0 1-1 0v-3H4.908l-1.435 4.163a.5.5 0 1 1-.946-.326L3.85 11H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4.954L7.527.337A.5.5 0 0 1 8 0zM2 3v7h12V3H2z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Learn And Grow<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We help you grow in your career with
                            ongoing mentorship, and send you to events so
                            you can build your network.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-xl icon-shape rounded-circle bg-info bg-opacity-10 flex-shrink-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-emoji-heart-eyes text-info<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Balanced Working Life<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We offer an open vacation policy
                            with a recommended 4-weeks per year. Recharge
                            whenever you need to.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-xl icon-shape rounded-circle bg-primary bg-opacity-10 flex-shrink-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span>
                            <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-cash-stack text-primary<span class="token punctuation">"</span></span>
                            <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Generous Perks Program<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We offer several perk stipends to
                            support healthy home office ergonomics,
                            continuous learning, wellness and connectivity.
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--our benefits--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #9</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-nine-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-nine-preview" role="tab" aria-controls="pills-client-nine-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-nine-code-tab" data-bs-toggle="pill"
                              href="#pills-client-nine-code" role="tab" aria-controls="pills-client-nine-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-nine-preview"
                           role="tabpanel" aria-labelledby="pills-client-nine-preview-tab">
                           <!--Award winning start-->
                           <section>
                              <div class="container">
                                 <div class="row align-items-center g-5">
                                    <div class="col-lg-5 col-12">
                                       <div class="mb-6">
                                          <small
                                             class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Support</small>
                                          <h2 class="mt-4">Award winning customer support</h2>
                                       </div>
                                       <div class="mb-6">
                                          <ul class="list-unstyled mb-0">
                                             <li class="d-flex mb-3">
                                                <span>
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                      fill="currentColor"
                                                      class="bi bi-check-circle-fill text-primary text-opacity-50"
                                                      viewBox="0 0 16 16">
                                                      <path
                                                         d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                   </svg>
                                                </span>
                                                <span class="ms-2">
                                                   <span class="text-dark fw-semibold">Help From Start to Finish:</span>
                                                   Our Support team is highly knowledgeable and never transfers you to
                                                   another department.
                                                </span>
                                             </li>
                                             <li class="d-flex mb-3">
                                                <span>
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                      fill="currentColor"
                                                      class="bi bi-check-circle-fill text-primary text-opacity-50"
                                                      viewBox="0 0 16 16">
                                                      <path
                                                         d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                   </svg>
                                                </span>
                                                <span class="ms-2">
                                                   <span class="text-dark fw-semibold">Global Support:</span>
                                                   We’ve got over 100 Support staff working across America and Europe
                                                </span>
                                             </li>
                                             <li class="d-flex mb-3">
                                                <span>
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                      fill="currentColor"
                                                      class="bi bi-check-circle-fill text-primary text-opacity-50"
                                                      viewBox="0 0 16 16">
                                                      <path
                                                         d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                                   </svg>
                                                </span>
                                                <span class="ms-2">
                                                   <span class="text-dark fw-semibold">4.8/5.0 Star Reviews:</span>
                                                   Yup, that’s our Support team approval rating across 120,000+ reviews.
                                                </span>
                                             </li>
                                          </ul>
                                       </div>

                                       <a href="#!" class="btn btn-primary me-2">Contact us</a>
                                       <a href="#!" class="btn btn-outline-primary">Help center</a>
                                    </div>
                                    <div class="col-lg-7 col-12">
                                       <div class="position-relative mx-3">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/account/account-support.jpg"
                                                alt="support" class="rounded-3 img-fluid px-lg-1" />
                                          </figure>
                                          <div class="position-absolute top-100 start-50 translate-middle">
                                             <div
                                                class="rounded-3 bg-success-subtle text-success-emphasis px-2 py-2 text-center">
                                                <span class="fs-6">
                                                   <span>😀</span>
                                                   <span class="ms-1">A real human available always for you.</span>
                                                </span>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Award winning end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-nine-code" role="tabpanel"
                           aria-labelledby="pills-client-nine-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Award winning start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-lg-7 py-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center g-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-5 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Support<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mt-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Award winning customer support<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-unstyled mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-primary text-opacity-50<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Help
                                    From Start to Finish:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                Our Support team is highly knowledgeable and
                                never transfers you to another department.
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-primary text-opacity-50<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Global
                                    Support:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                We’ve got over 100 Support staff working
                                across America and Europe
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle-fill text-primary text-opacity-50<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>4.8/5.0
                                    Star Reviews:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                Yup, that’s our Support team approval rating
                                across 120,000+ reviews.
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>btn btn-primary me-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Contact us<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>btn btn-outline-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Help center<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-7 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-relative mx-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/account/account-support.jpg<span class="token punctuation">"</span></span>
                            <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>support<span class="token punctuation">"</span></span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rounded-3 img-fluid px-lg-1<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>position-absolute top-100 start-50 translate-middle<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rounded-3 bg-success-subtle text-success-emphasis px-2 py-2 text-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fs-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>😀<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>A real human available
                                    always for you.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--Award winning end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #10</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-ten-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-ten-preview" role="tab" aria-controls="pills-client-ten-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-ten-code-tab" data-bs-toggle="pill"
                              href="#pills-client-ten-code" role="tab" aria-controls="pills-client-ten-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-ten-preview"
                           role="tabpanel" aria-labelledby="pills-client-ten-preview-tab">
                           <!--My skill start-->
                           <section>
                              <div class="container">
                                 <div class="row align-items-center">
                                    <div class="col-lg-4 col-md-8 col-12">
                                       <div class="mb-6 mb-lg-0">
                                          <small class="text-uppercase fw-bold ls-md text-body-tertiary">MY
                                             SKILLS</small>

                                          <h2 class="my-3">
                                             My areas of
                                             <span class="text-primary">expertise</span>
                                          </h2>
                                          <p class="mb-5">Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas
                                             faucibus mollis elit interdum. Duis mollis, ligula magna mollis.</p>
                                          <a href="#!" class="btn btn-primary">View More Details</a>
                                       </div>
                                    </div>
                                    <div class="col-lg-7 offset-lg-1 col-12">
                                       <div class="row">
                                          <div class="col-md-6">
                                             <div class="card bg-danger bg-opacity-10 border-0 mb-5">
                                                <div class="card-body">
                                                   <div class="mb-4">
                                                      <img
                                                         src="https://block.codescandy.com/assets/images/personal-svg/html5.svg"
                                                         alt="html" />
                                                   </div>
                                                   <div class="mb-4">
                                                      <h3>HTML & CSS</h3>
                                                      <p class="mb-0">Nulla vitae elit libero, a pharetra auguc id elit
                                                         non mi porta gravida.</p>
                                                   </div>

                                                   <a href="#!" class="icon-link icon-link-hover link-danger">
                                                      Link Text
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                         fill="currentColor" class="bi bi-arrow-right"
                                                         viewBox="0 0 16 16">
                                                         <path fill-rule="evenodd"
                                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                         </path>
                                                      </svg>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="card bg-warning bg-opacity-10 border-0 mb-5 mb-lg-0">
                                                <div class="card-body">
                                                   <div class="mb-4">
                                                      <img
                                                         src="https://block.codescandy.com/assets/images/personal-svg/figma.svg"
                                                         alt="html" />
                                                   </div>
                                                   <div class="mb-4">
                                                      <h3>Figma UI Design</h3>
                                                      <p class="mb-0">Nulla vitae elit libero, a pharetra auguc id elit
                                                         non mi porta gravida.</p>
                                                   </div>

                                                   <a href="#!" class="icon-link icon-link-hover link-warning">
                                                      Link Text
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                         fill="currentColor" class="bi bi-arrow-right"
                                                         viewBox="0 0 16 16">
                                                         <path fill-rule="evenodd"
                                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                         </path>
                                                      </svg>
                                                   </a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-md-6 mt-md-5">
                                             <div class="card bg-info bg-opacity-10 border-0 mb-5">
                                                <div class="card-body">
                                                   <div class="mb-4">
                                                      <img
                                                         src="https://block.codescandy.com/assets/images/personal-svg/react.svg"
                                                         alt="html" />
                                                   </div>
                                                   <div class="mb-4">
                                                      <h3>React</h3>
                                                      <p class="mb-0">Nulla vitae elit libero, a pharetra auguc id elit
                                                         non mi porta gravida.</p>
                                                   </div>

                                                   <a href="#!" class="icon-link icon-link-hover link-info">
                                                      Link Text
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                         fill="currentColor" class="bi bi-arrow-right"
                                                         viewBox="0 0 16 16">
                                                         <path fill-rule="evenodd"
                                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                         </path>
                                                      </svg>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="card bg-success bg-opacity-10 border-0 mb-5 mb-lg-0">
                                                <div class="card-body">
                                                   <div class="mb-4">
                                                      <img
                                                         src="https://block.codescandy.com/assets/images/personal-svg/nodejs.svg"
                                                         alt="html" />
                                                   </div>
                                                   <div class="mb-4">
                                                      <h3>Node.js</h3>
                                                      <p class="mb-0">Nulla vitae elit libero, a pharetra auguc id elit
                                                         non mi porta gravida.</p>
                                                   </div>

                                                   <a href="#!" class="icon-link icon-link-hover link-success">
                                                      Link Text
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                         fill="currentColor" class="bi bi-arrow-right"
                                                         viewBox="0 0 16 16">
                                                         <path fill-rule="evenodd"
                                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                         </path>
                                                      </svg>
                                                   </a>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--My skill end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-ten-code" role="tabpanel"
                           aria-labelledby="pills-client-ten-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--My skill start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-xl-10 my-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-8 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-6 mb-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span>
                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-uppercase fw-bold ls-md text-body-tertiary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>MY
                        SKILLS<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>

                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        My areas of
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>expertise<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Nullam quis risus eget urna mollis
                        ornare vel eu leo. Maecenas faucibus mollis elit
                        interdum. Duis mollis, ligula magna mollis.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>btn btn-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>View More
                        Details<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-7 offset-lg-1 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-danger bg-opacity-10 border-0 mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/personal-svg/html5.svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>html<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>HTML &amp; CSS<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Nulla vitae elit libero,
                                        a pharetra auguc id elit non mi
                                        porta gravida.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover link-danger<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    Link Text
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>path</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-warning bg-opacity-10 border-0 mb-5 mb-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/personal-svg/figma.svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>html<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>Figma UI Design<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Nulla vitae elit libero,
                                        a pharetra auguc id elit non mi
                                        porta gravida.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover link-warning<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    Link Text
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>path</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6 mt-md-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-info bg-opacity-10 border-0 mb-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/personal-svg/react.svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>html<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>React<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Nulla vitae elit libero,
                                        a pharetra auguc id elit non mi
                                        porta gravida.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover link-info<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    Link Text
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>path</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span>
                            <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-success bg-opacity-10 border-0 mb-5 mb-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/personal-svg/nodejs.svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>html<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>Node.js<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Nulla vitae elit libero,
                                        a pharetra auguc id elit non mi
                                        porta gravida.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#!<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover link-success<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    Link Text
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                            <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>path</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--My skill end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #11</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-eleven-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-eleven-preview" role="tab" aria-controls="pills-client-eleven-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-eleven-code-tab" data-bs-toggle="pill"
                              href="#pills-client-eleven-code" role="tab" aria-controls="pills-client-eleven-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-eleven-preview"
                           role="tabpanel" aria-labelledby="pills-client-eleven-preview-tab">
                           <!--more focus-->
                           <section class="container">
                              <div class="row mb-8">
                                 <div class="col-xl-5 col-lg-10 col-12">
                                    <div class="d-flex flex-column gap-5">
                                       <div class="d-flex">
                                          <span
                                             class="bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"
                                                viewBox="0 0 17 17" fill="none">
                                                <g clip-path="url(#clip0_1717_21196)">
                                                   <path
                                                      d="M11.7512 0.681967C11.8491 0.738706 11.9248 0.826957 11.966 0.932305C12.0073 1.03765 12.0116 1.15387 11.9782 1.26197L10.1772 7.11397H13.5002C13.5979 7.11393 13.6934 7.14249 13.775 7.19612C13.8566 7.24975 13.9207 7.3261 13.9594 7.41576C13.9981 7.50541 14.0098 7.60444 13.9928 7.70062C13.9759 7.7968 13.9312 7.88591 13.8642 7.95697L5.8642 16.457C5.78679 16.5393 5.68379 16.5929 5.57197 16.6092C5.46016 16.6255 5.34613 16.6034 5.24847 16.5466C5.15081 16.4898 5.07528 16.4015 5.03419 16.2963C4.9931 16.191 4.98887 16.0749 5.0222 15.967L6.8232 10.114H3.5002C3.40254 10.114 3.30702 10.0854 3.22541 10.0318C3.1438 9.97818 3.07968 9.90183 3.04096 9.81217C3.00225 9.72252 2.99064 9.62349 3.00757 9.52731C3.02449 9.43114 3.06921 9.34202 3.1362 9.27097L11.1362 0.770967C11.2135 0.688766 11.3164 0.635136 11.428 0.618796C11.5397 0.602456 11.6536 0.624367 11.7512 0.680967V0.681967ZM4.6572 9.11397H7.5002C7.57845 9.11395 7.65561 9.1323 7.72547 9.16754C7.79533 9.20278 7.85595 9.25392 7.90245 9.31686C7.94895 9.37979 7.98002 9.45276 7.99318 9.5299C8.00633 9.60703 8.0012 9.68618 7.9782 9.76097L6.6102 14.204L12.3422 8.11397H9.5002C9.42195 8.11398 9.34479 8.09563 9.27493 8.06039C9.20506 8.02515 9.14445 7.97401 9.09795 7.91108C9.05145 7.84814 9.02038 7.77517 9.00722 7.69804C8.99406 7.6209 8.99919 7.54176 9.0222 7.46697L10.3902 3.02397L4.6572 9.11397Z"
                                                      fill="#8B3DFF" />
                                                </g>
                                                <defs>
                                                   <clipPath id="clip0_1717_21196">
                                                      <rect width="16" height="16" fill="white"
                                                         transform="translate(0.5 0.614014)" />
                                                   </clipPath>
                                                </defs>
                                             </svg>
                                             <span class="ms-1 text-uppercase ls-md fw-semibold">Features</span>
                                          </span>
                                       </div>
                                       <div class="d-flex flex-column gap-3">
                                          <h1 class="mb-0">More focus, less clutter.</h1>
                                          <p class="mb-0">Keep your workspace centralized, clean and tidy. Engineered
                                             with performance and your privacy in mind.</p>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="row gy-6 mb-6">
                                 <div class="col-lg-4 col-12">
                                    <div class="card overflow-hidden card-lift">
                                       <div class="card-body me-xl-8">
                                          <h4>Feedback Board</h4>
                                          <p class="mb-0">Give your users a place to give feedback, and share ideas</p>
                                       </div>
                                       <div class="text-end ms-4">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/sass-v3/feedback.png"
                                                class="img-fluid" alt="" />
                                          </figure>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-4 col-12">
                                    <div class="card card-lift">
                                       <div class="card-body me-xl-8">
                                          <h4>Product Roadmap</h4>
                                          <p class="mb-0">Public roadmap to show what you're working on next</p>
                                       </div>
                                       <div class="text-end ms-4">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/sass-v3/product-roadmap.png"
                                                class="img-fluid" alt="" />
                                          </figure>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-4 col-12">
                                    <div class="card card-lift">
                                       <div class="card-body me-xl-8">
                                          <h4>Changelog</h4>
                                          <p class="mb-0">Notify users what's new with product changelog</p>
                                       </div>
                                       <div class="text-end ms-4">
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/sass-v3/changelog.png"
                                                class="img-fluid" alt="" />
                                          </figure>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="row row-cols-lg-3 row-cols-md-2 gy-5">
                                 <div class="col">
                                    <div class="card">
                                       <div class="card-body">
                                          <div class="d-flex">
                                             <div>
                                                <div
                                                   class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="18" height="27"
                                                      viewBox="0 0 18 27" fill="none">
                                                      <path
                                                         d="M18 7.06901V2.61401C18 2.08358 17.7893 1.57487 17.4142 1.1998C17.0391 0.824727 16.5304 0.614014 16 0.614014H2C1.46957 0.614014 0.960859 0.824727 0.585786 1.1998C0.210714 1.57487 0 2.08358 0 2.61401V7.11401C0.000675612 7.42438 0.0732624 7.73038 0.212065 8.00798C0.350867 8.28559 0.552109 8.52725 0.8 8.71401L7.33375 13.614L0.8 18.514C0.552109 18.7008 0.350867 18.9424 0.212065 19.22C0.0732624 19.4977 0.000675612 19.8036 0 20.114V24.614C0 25.1444 0.210714 25.6532 0.585786 26.0282C0.960859 26.4033 1.46957 26.614 2 26.614H16C16.5304 26.614 17.0391 26.4033 17.4142 26.0282C17.7893 25.6532 18 25.1444 18 24.614V20.159C17.9993 19.8498 17.9273 19.545 17.7896 19.2681C17.652 18.9913 17.4523 18.7499 17.2062 18.5628L10.6588 13.614L17.2062 8.66526C17.4523 8.4781 17.652 8.23673 17.7896 7.95989C17.9273 7.68304 17.9993 7.37819 18 7.06901ZM2 2.61401H16V7.06901L15.2787 7.61401H2.66625L2 7.11401V2.61401ZM9 12.364L5.33375 9.61401H12.6338L9 12.364ZM16 24.614H2V20.114L8 15.614V18.614C8 18.8792 8.10536 19.1336 8.29289 19.3211C8.48043 19.5087 8.73478 19.614 9 19.614C9.26522 19.614 9.51957 19.5087 9.70711 19.3211C9.89464 19.1336 10 18.8792 10 18.614V15.624L16 20.159V24.614Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4>Real-time sync</h4>
                                                <p class="mb-0">Update anything in Block and see the result. Works like
                                                   magic.</p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col">
                                    <div class="card">
                                       <div class="card-body">
                                          <div class="d-flex">
                                             <div>
                                                <div
                                                   class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="32" height="33"
                                                      viewBox="0 0 32 33" fill="none">
                                                      <path opacity="0.2"
                                                         d="M23 16.614C23 17.9985 22.5895 19.3519 21.8203 20.503C21.0511 21.6542 19.9579 22.5514 18.6788 23.0812C17.3997 23.611 15.9922 23.7496 14.6344 23.4795C13.2765 23.2094 12.0292 22.5427 11.0503 21.5638C10.0713 20.5848 9.4046 19.3375 9.13451 17.9796C8.86441 16.6218 9.00303 15.2143 9.53285 13.9352C10.0627 12.6561 10.9599 11.5629 12.111 10.7937C13.2622 10.0246 14.6155 9.61401 16 9.61401C17.8565 9.61401 19.637 10.3515 20.9497 11.6643C22.2625 12.977 23 14.7575 23 16.614Z"
                                                         fill="#8B3DFF" />
                                                      <path
                                                         d="M15 5.61401V4.61401C15 4.3488 15.1054 4.09444 15.2929 3.90691C15.4804 3.71937 15.7348 3.61401 16 3.61401C16.2652 3.61401 16.5196 3.71937 16.7071 3.90691C16.8946 4.09444 17 4.3488 17 4.61401V5.61401C17 5.87923 16.8946 6.13358 16.7071 6.32112C16.5196 6.50866 16.2652 6.61401 16 6.61401C15.7348 6.61401 15.4804 6.50866 15.2929 6.32112C15.1054 6.13358 15 5.87923 15 5.61401ZM24 16.614C24 18.1963 23.5308 19.743 22.6518 21.0586C21.7727 22.3742 20.5233 23.3995 19.0615 24.0051C17.5997 24.6106 15.9911 24.769 14.4393 24.4603C12.8874 24.1516 11.462 23.3897 10.3431 22.2709C9.22433 21.152 8.4624 19.7266 8.15372 18.1747C7.84504 16.6229 8.00346 15.0144 8.60896 13.5525C9.21447 12.0907 10.2398 10.8413 11.5554 9.96226C12.871 9.08321 14.4177 8.61401 16 8.61401C18.121 8.61633 20.1545 9.45993 21.6543 10.9597C23.1541 12.4595 23.9977 14.493 24 16.614ZM22 16.614C22 15.4273 21.6481 14.2673 20.9888 13.2806C20.3295 12.2939 19.3925 11.5249 18.2961 11.0707C17.1997 10.6166 15.9933 10.4978 14.8295 10.7293C13.6656 10.9608 12.5965 11.5323 11.7574 12.3714C10.9182 13.2105 10.3468 14.2796 10.1153 15.4435C9.88378 16.6074 10.0026 17.8138 10.4567 18.9101C10.9108 20.0065 11.6799 20.9435 12.6666 21.6028C13.6533 22.2621 14.8133 22.614 16 22.614C17.5908 22.6124 19.116 21.9797 20.2408 20.8548C21.3657 19.73 21.9983 18.2048 22 16.614ZM7.2925 9.32151C7.48014 9.50915 7.73464 9.61457 8 9.61457C8.26536 9.61457 8.51986 9.50915 8.7075 9.32151C8.89514 9.13387 9.00056 8.87938 9.00056 8.61401C9.00056 8.34865 8.89514 8.09415 8.7075 7.90651L7.7075 6.90651C7.51986 6.71887 7.26536 6.61346 7 6.61346C6.73464 6.61346 6.48014 6.71887 6.2925 6.90651C6.10486 7.09415 5.99944 7.34865 5.99944 7.61401C5.99944 7.87938 6.10486 8.13387 6.2925 8.32151L7.2925 9.32151ZM7.2925 23.9065L6.2925 24.9065C6.10486 25.0942 5.99944 25.3486 5.99944 25.614C5.99944 25.8794 6.10486 26.1339 6.2925 26.3215C6.48014 26.5092 6.73464 26.6146 7 26.6146C7.26536 26.6146 7.51986 26.5092 7.7075 26.3215L8.7075 25.3215C8.80041 25.2286 8.87411 25.1183 8.92439 24.9969C8.97468 24.8755 9.00056 24.7454 9.00056 24.614C9.00056 24.4826 8.97468 24.3525 8.92439 24.2311C8.87411 24.1097 8.80041 23.9994 8.7075 23.9065C8.61459 23.8136 8.50429 23.7399 8.3829 23.6896C8.2615 23.6393 8.13139 23.6135 8 23.6135C7.86861 23.6135 7.7385 23.6393 7.6171 23.6896C7.49571 23.7399 7.38541 23.8136 7.2925 23.9065ZM24 9.61401C24.1314 9.61412 24.2615 9.58834 24.3829 9.53815C24.5042 9.48796 24.6146 9.41435 24.7075 9.32151L25.7075 8.32151C25.8951 8.13387 26.0006 7.87938 26.0006 7.61401C26.0006 7.34865 25.8951 7.09415 25.7075 6.90651C25.5199 6.71887 25.2654 6.61346 25 6.61346C24.7346 6.61346 24.4801 6.71887 24.2925 6.90651L23.2925 7.90651C23.1525 8.04637 23.0571 8.22462 23.0185 8.41871C22.9798 8.61279 22.9996 8.81398 23.0754 8.9968C23.1511 9.17963 23.2794 9.33586 23.444 9.44573C23.6086 9.5556 23.8021 9.61417 24 9.61401ZM24.7075 23.9065C24.5199 23.7189 24.2654 23.6135 24 23.6135C23.7346 23.6135 23.4801 23.7189 23.2925 23.9065C23.1049 24.0942 22.9994 24.3486 22.9994 24.614C22.9994 24.8794 23.1049 25.1339 23.2925 25.3215L24.2925 26.3215C24.3854 26.4144 24.4957 26.4881 24.6171 26.5384C24.7385 26.5887 24.8686 26.6146 25 26.6146C25.1314 26.6146 25.2615 26.5887 25.3829 26.5384C25.5043 26.4881 25.6146 26.4144 25.7075 26.3215C25.8004 26.2286 25.8741 26.1183 25.9244 25.9969C25.9747 25.8755 26.0006 25.7454 26.0006 25.614C26.0006 25.4826 25.9747 25.3525 25.9244 25.2311C25.8741 25.1097 25.8004 24.9994 25.7075 24.9065L24.7075 23.9065ZM5 15.614H4C3.73478 15.614 3.48043 15.7194 3.29289 15.9069C3.10536 16.0944 3 16.3488 3 16.614C3 16.8792 3.10536 17.1336 3.29289 17.3211C3.48043 17.5087 3.73478 17.614 4 17.614H5C5.26522 17.614 5.51957 17.5087 5.70711 17.3211C5.89464 17.1336 6 16.8792 6 16.614C6 16.3488 5.89464 16.0944 5.70711 15.9069C5.51957 15.7194 5.26522 15.614 5 15.614ZM16 26.614C15.7348 26.614 15.4804 26.7194 15.2929 26.9069C15.1054 27.0944 15 27.3488 15 27.614V28.614C15 28.8792 15.1054 29.1336 15.2929 29.3211C15.4804 29.5087 15.7348 29.614 16 29.614C16.2652 29.614 16.5196 29.5087 16.7071 29.3211C16.8946 29.1336 17 28.8792 17 28.614V27.614C17 27.3488 16.8946 27.0944 16.7071 26.9069C16.5196 26.7194 16.2652 26.614 16 26.614ZM28 15.614H27C26.7348 15.614 26.4804 15.7194 26.2929 15.9069C26.1054 16.0944 26 16.3488 26 16.614C26 16.8792 26.1054 17.1336 26.2929 17.3211C26.4804 17.5087 26.7348 17.614 27 17.614H28C28.2652 17.614 28.5196 17.5087 28.7071 17.3211C28.8946 17.1336 29 16.8792 29 16.614C29 16.3488 28.8946 16.0944 28.7071 15.9069C28.5196 15.7194 28.2652 15.614 28 15.614Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4>Dark mode</h4>
                                                <p class="mb-0">For those who prefer Bootstrap 5 dark theme and love too
                                                   work around.</p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col">
                                    <div class="card">
                                       <div class="card-body">
                                          <div class="d-flex">
                                             <div>
                                                <div
                                                   class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="32" height="33"
                                                      viewBox="0 0 32 33" fill="none">
                                                      <path opacity="0.2"
                                                         d="M25.9824 16.0114L28.0799 13.3864C27.797 12.323 27.3736 11.3019 26.8211 10.3502L23.4836 9.97519C23.217 9.6748 22.9327 9.39055 22.6324 9.12394L22.2574 5.78519C21.3046 5.23597 20.2832 4.81564 19.2199 4.53519L16.5949 6.63144C16.1935 6.60769 15.7912 6.60769 15.3899 6.63144L12.7649 4.53394C11.7048 4.81768 10.6872 5.24097 9.73861 5.79269L9.36361 9.13019C9.06323 9.3968 8.77898 9.68105 8.51236 9.98144L5.17361 10.3564C4.6244 11.3092 4.20407 12.3306 3.92361 13.3939L6.01986 16.0189C5.99611 16.4203 5.99611 16.8226 6.01986 17.2239L3.92236 19.8489C4.20527 20.9124 4.62858 21.9335 5.18111 22.8852L8.51861 23.2602C8.78523 23.5606 9.06948 23.8448 9.36986 24.1114L9.74486 27.4502C10.6976 27.9994 11.719 28.4197 12.7824 28.7002L15.4074 26.6039C15.8087 26.6277 16.211 26.6277 16.6124 26.6039L19.2374 28.7014C20.3008 28.4185 21.3219 27.9952 22.2736 27.4427L22.6486 24.1052C22.949 23.8386 23.2332 23.5543 23.4999 23.2539L26.8386 22.8789C27.3878 21.9262 27.8082 20.9048 28.0886 19.8414L25.9924 17.2164C26.0128 16.8149 26.0094 16.4126 25.9824 16.0114ZM15.9999 21.6139C15.011 21.6139 14.0443 21.3207 13.222 20.7713C12.3998 20.2219 11.7589 19.441 11.3805 18.5274C11.002 17.6137 10.903 16.6084 11.0959 15.6385C11.2889 14.6686 11.7651 13.7777 12.4643 13.0784C13.1636 12.3791 14.0545 11.9029 15.0244 11.71C15.9943 11.5171 16.9997 11.6161 17.9133 11.9945C18.8269 12.373 19.6078 13.0138 20.1572 13.8361C20.7066 14.6583 20.9999 15.625 20.9999 16.6139C20.9999 17.94 20.4731 19.2118 19.5354 20.1495C18.5977 21.0872 17.3259 21.6139 15.9999 21.6139Z"
                                                         fill="#8B3DFF" />
                                                      <path
                                                         d="M16.0001 10.6141C14.8134 10.6141 13.6533 10.966 12.6666 11.6253C11.6799 12.2845 10.9109 13.2216 10.4568 14.318C10.0027 15.4143 9.88383 16.6207 10.1153 17.7846C10.3469 18.9485 10.9183 20.0176 11.7574 20.8567C12.5965 21.6958 13.6656 22.2673 14.8295 22.4988C15.9934 22.7303 17.1998 22.6115 18.2962 22.1573C19.3925 21.7032 20.3296 20.9342 20.9889 19.9475C21.6482 18.9608 22.0001 17.8008 22.0001 16.6141C21.9984 15.0233 21.3657 13.4981 20.2409 12.3733C19.116 11.2484 17.5908 10.6157 16.0001 10.6141ZM16.0001 20.6141C15.2089 20.6141 14.4356 20.3795 13.7778 19.9399C13.12 19.5004 12.6073 18.8757 12.3045 18.1448C12.0018 17.4139 11.9226 16.6096 12.0769 15.8337C12.2313 15.0578 12.6122 14.3451 13.1716 13.7856C13.731 13.2262 14.4438 12.8453 15.2197 12.6909C15.9956 12.5366 16.7999 12.6158 17.5308 12.9186C18.2617 13.2213 18.8864 13.734 19.3259 14.3918C19.7655 15.0496 20.0001 15.8229 20.0001 16.6141C20.0001 17.6749 19.5786 18.6924 18.8285 19.4425C18.0783 20.1926 17.0609 20.6141 16.0001 20.6141ZM27.0001 16.8841C27.0051 16.7041 27.0051 16.5241 27.0001 16.3441L28.8651 14.0141C28.9628 13.8917 29.0305 13.7481 29.0627 13.5949C29.0948 13.4416 29.0905 13.2829 29.0501 13.1316C28.7438 11.9825 28.2865 10.8791 27.6901 9.85032C27.6119 9.71572 27.5034 9.60122 27.3732 9.51593C27.243 9.43065 27.0947 9.37694 26.9401 9.35907L23.9751 9.02907C23.8517 8.89907 23.7267 8.77407 23.6001 8.65407L23.2501 5.68157C23.2321 5.52684 23.1782 5.37845 23.0926 5.24823C23.0071 5.11802 22.8924 5.00958 22.7576 4.93157C21.7288 4.33563 20.6254 3.87913 19.4763 3.57407C19.325 3.53365 19.1663 3.52933 19.013 3.56146C18.8597 3.59359 18.7161 3.66128 18.5938 3.75907L16.2701 5.61407C16.0901 5.61407 15.9101 5.61407 15.7301 5.61407L13.4001 3.75282C13.2777 3.65503 13.1341 3.58734 12.9808 3.55521C12.8276 3.52308 12.6689 3.5274 12.5176 3.56782C11.3685 3.8741 10.2651 4.33142 9.23631 4.92782C9.1017 5.00598 8.9872 5.11448 8.90192 5.24468C8.81664 5.37489 8.76292 5.5232 8.74506 5.67782L8.41506 8.64782C8.28506 8.77199 8.16006 8.89699 8.04006 9.02282L5.06756 9.36407C4.91282 9.38207 4.76443 9.43598 4.63422 9.52148C4.50401 9.60699 4.39557 9.72174 4.31756 9.85657C3.72174 10.8855 3.26485 11.9889 2.95881 13.1378C2.91855 13.2892 2.91444 13.448 2.94679 13.6013C2.97914 13.7545 3.04705 13.8981 3.14506 14.0203L5.00006 16.3441C5.00006 16.5241 5.00006 16.7041 5.00006 16.8841L3.13881 19.2141C3.04102 19.3364 2.97333 19.48 2.9412 19.6333C2.90906 19.7866 2.91338 19.9453 2.95381 20.0966C3.26009 21.2456 3.71741 22.349 4.31381 23.3778C4.39196 23.5124 4.50046 23.6269 4.63067 23.7122C4.76087 23.7975 4.90919 23.8512 5.06381 23.8691L8.02881 24.1991C8.15297 24.3291 8.27797 24.4541 8.40381 24.5741L8.75006 27.5466C8.76806 27.7013 8.82196 27.8497 8.90747 27.9799C8.99298 28.1101 9.10772 28.2186 9.24256 28.2966C10.2715 28.8924 11.3749 29.3493 12.5238 29.6553C12.6752 29.6956 12.834 29.6997 12.9872 29.6673C13.1405 29.635 13.2841 29.5671 13.4063 29.4691L15.7301 27.6141C15.9101 27.6191 16.0901 27.6191 16.2701 27.6141L18.6001 29.4791C18.7224 29.5769 18.866 29.6445 19.0193 29.6767C19.1726 29.7088 19.3312 29.7045 19.4826 29.6641C20.6318 29.3583 21.7352 28.901 22.7638 28.3041C22.8984 28.2259 23.0129 28.1174 23.0982 27.9872C23.1835 27.857 23.2372 27.7087 23.2551 27.5541L23.5851 24.5891C23.7151 24.4657 23.8401 24.3407 23.9601 24.2141L26.9326 23.8641C27.0873 23.8461 27.2357 23.7922 27.3659 23.7067C27.4961 23.6212 27.6045 23.5064 27.6826 23.3716C28.2784 22.3426 28.7353 21.2393 29.0413 20.0903C29.0816 19.9389 29.0857 19.7802 29.0533 19.6269C29.021 19.4736 28.9531 19.33 28.8551 19.2078L27.0001 16.8841ZM24.9876 16.0716C25.0088 16.4329 25.0088 16.7952 24.9876 17.1566C24.9727 17.404 25.0502 17.6481 25.2051 17.8416L26.9788 20.0578C26.7753 20.7047 26.5147 21.3321 26.2001 21.9328L23.3751 22.2528C23.129 22.2801 22.9019 22.3977 22.7376 22.5828C22.4969 22.8534 22.2407 23.1097 21.9701 23.3503C21.7849 23.5147 21.6674 23.7418 21.6401 23.9878L21.3263 26.8103C20.7257 27.1251 20.0982 27.3857 19.4513 27.5891L17.2338 25.8153C17.0564 25.6735 16.8359 25.5964 16.6088 25.5966H16.5488C16.1875 25.6178 15.8252 25.6178 15.4638 25.5966C15.2165 25.5824 14.9726 25.6598 14.7788 25.8141L12.5563 27.5891C11.9095 27.3855 11.282 27.1249 10.6813 26.8103L10.3613 23.9891C10.334 23.7431 10.2164 23.5159 10.0313 23.3516C9.76069 23.111 9.50442 22.8547 9.26381 22.5841C9.09947 22.399 8.87233 22.2814 8.62631 22.2541L5.80381 21.9391C5.48905 21.3384 5.22843 20.711 5.02506 20.0641L6.79881 17.8466C6.95369 17.6531 7.0312 17.409 7.01631 17.1616C6.99506 16.8002 6.99506 16.4379 7.01631 16.0766C7.0312 15.8292 6.95369 15.5851 6.79881 15.3916L5.02506 13.1703C5.22859 12.5235 5.4892 11.896 5.80381 11.2953L8.62506 10.9753C8.87108 10.948 9.09822 10.8304 9.26256 10.6453C9.50317 10.3747 9.75944 10.1184 10.0301 9.87782C10.2159 9.71338 10.334 9.48571 10.3613 9.23907L10.6751 6.41782C11.2757 6.10306 11.9032 5.84245 12.5501 5.63907L14.7676 7.41282C14.961 7.5677 15.2052 7.64521 15.4526 7.63032C15.8139 7.60907 16.1762 7.60907 16.5376 7.63032C16.7849 7.6445 17.0287 7.56707 17.2226 7.41282L19.4438 5.63907C20.0906 5.8426 20.7181 6.10321 21.3188 6.41782L21.6388 9.23907C21.6661 9.48509 21.7837 9.71224 21.9688 9.87657C22.2394 10.1172 22.4957 10.3735 22.7363 10.6441C22.9006 10.8292 23.1278 10.9468 23.3738 10.9741L26.1963 11.2878C26.5111 11.8884 26.7717 12.5159 26.9751 13.1628L25.2013 15.3803C25.0449 15.5754 24.9673 15.8221 24.9838 16.0716H24.9876Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4>Optimized</h4>
                                                <p class="mb-0">All templates are optimized for all four breakpoints.
                                                </p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col col-lg-6">
                                    <div class="card">
                                       <div class="card-body">
                                          <div class="d-flex">
                                             <div>
                                                <div
                                                   class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="32" height="33"
                                                      viewBox="0 0 32 33" fill="none">
                                                      <path opacity="0.2"
                                                         d="M23.1248 15.989L15.8748 23.239C15.3122 23.8015 14.5491 24.1176 13.7535 24.1176C12.9579 24.1176 12.1949 23.8015 11.6323 23.239L8.87478 20.4777C8.31336 19.9153 7.99805 19.153 7.99805 18.3583C7.99805 17.5636 8.31336 16.8014 8.87478 16.239L16.1248 8.98896C16.6874 8.42639 17.4504 8.11035 18.246 8.11035C19.0416 8.11035 19.8047 8.42639 20.3673 8.98896L23.1248 11.7502C23.6862 12.3127 24.0015 13.0749 24.0015 13.8696C24.0015 14.6643 23.6862 15.4265 23.1248 15.989Z"
                                                         fill="#8B3DFF" />
                                                      <path
                                                         d="M29.7076 2.40657C29.6147 2.31359 29.5044 2.23983 29.383 2.18951C29.2616 2.13918 29.1315 2.11328 29.0001 2.11328C28.8687 2.11328 28.7385 2.13918 28.6171 2.18951C28.4957 2.23983 28.3854 2.31359 28.2926 2.40657L21.7426 8.95782L21.0713 8.28532C20.3203 7.5365 19.3031 7.11601 18.2426 7.11601C17.1821 7.11601 16.1648 7.5365 15.4138 8.28532L12.5001 11.2003L11.7076 10.4066C11.5199 10.2189 11.2654 10.1135 11.0001 10.1135C10.7347 10.1135 10.4802 10.2189 10.2926 10.4066C10.1049 10.5942 9.99951 10.8487 9.99951 11.1141C9.99951 11.3794 10.1049 11.6339 10.2926 11.8216L11.0863 12.6141L8.17132 15.5278C7.79979 15.8993 7.50507 16.3403 7.30399 16.8256C7.10292 17.311 6.99942 17.8312 6.99942 18.3566C6.99942 18.8819 7.10292 19.4022 7.30399 19.8875C7.50507 20.3729 7.79979 20.8139 8.17132 21.1853L8.84382 21.8566L2.29257 28.4066C2.19966 28.4995 2.12596 28.6098 2.07567 28.7312C2.02539 28.8526 1.99951 28.9827 1.99951 29.1141C1.99951 29.2455 2.02539 29.3756 2.07567 29.497C2.12596 29.6184 2.19966 29.7287 2.29257 29.8216C2.48021 30.0092 2.7347 30.1146 3.00007 30.1146C3.13146 30.1146 3.26157 30.0887 3.38296 30.0385C3.50436 29.9882 3.61466 29.9145 3.70757 29.8216L10.2576 23.2703L10.9288 23.9428C11.68 24.6913 12.6972 25.1116 13.7576 25.1116C14.818 25.1116 15.8352 24.6913 16.5863 23.9428L19.5001 21.0278L20.2926 21.8216C20.3855 21.9145 20.4958 21.9882 20.6172 22.0385C20.7386 22.0887 20.8687 22.1146 21.0001 22.1146C21.1315 22.1146 21.2616 22.0887 21.383 22.0385C21.5044 21.9882 21.6147 21.9145 21.7076 21.8216C21.8005 21.7287 21.8742 21.6184 21.9245 21.497C21.9747 21.3756 22.0006 21.2455 22.0006 21.1141C22.0006 20.9827 21.9747 20.8526 21.9245 20.7312C21.8742 20.6098 21.8005 20.4995 21.7076 20.4066L20.9138 19.6141L23.8288 16.7003C24.2003 16.3289 24.4951 15.8879 24.6961 15.4025C24.8972 14.9172 25.0007 14.3969 25.0007 13.8716C25.0007 13.3462 24.8972 12.826 24.6961 12.3406C24.4951 11.8553 24.2003 11.4143 23.8288 11.0428L23.1563 10.3716L29.7076 3.82157C29.8005 3.72869 29.8743 3.61841 29.9246 3.49701C29.975 3.37561 30.0009 3.24548 30.0009 3.11407C30.0009 2.98265 29.975 2.85253 29.9246 2.73113C29.8743 2.60973 29.8005 2.49944 29.7076 2.40657ZM15.1713 22.5316C14.7963 22.9064 14.2878 23.1169 13.7576 23.1169C13.2274 23.1169 12.7189 22.9064 12.3438 22.5316L9.58632 19.7703C9.21153 19.3953 9.00099 18.8868 9.00099 18.3566C9.00099 17.8264 9.21153 17.3179 9.58632 16.9428L12.5001 14.0278L18.0863 19.6141L15.1713 22.5316ZM22.4138 15.2891L19.5001 18.2003L13.9138 12.6141L16.8288 9.70032C17.2039 9.32553 17.7124 9.115 18.2426 9.115C18.7728 9.115 19.2813 9.32553 19.6563 9.70032L22.4138 12.4503C22.5996 12.636 22.7469 12.8565 22.8475 13.0992C22.948 13.3419 22.9998 13.602 22.9998 13.8647C22.9998 14.1274 22.948 14.3875 22.8475 14.6302C22.7469 14.8728 22.5996 15.0933 22.4138 15.2791V15.2891ZM11.0513 4.43032C10.9674 4.17869 10.987 3.90406 11.1056 3.66682C11.2242 3.42959 11.4322 3.24919 11.6838 3.16532C11.9354 3.08144 12.2101 3.10096 12.4473 3.21958C12.6845 3.33819 12.8649 3.54619 12.9488 3.79782L13.9488 6.79782C13.9903 6.92241 14.0069 7.05396 13.9976 7.18496C13.9883 7.31596 13.9533 7.44385 13.8946 7.56131C13.8358 7.67878 13.7545 7.78353 13.6553 7.86958C13.5561 7.95562 13.4409 8.02129 13.3163 8.06282C13.0647 8.14669 12.7901 8.12717 12.5528 8.00856C12.4354 7.94983 12.3306 7.86853 12.2446 7.76932C12.1585 7.6701 12.0928 7.55491 12.0513 7.43032L11.0513 4.43032ZM3.05132 11.7978C3.09284 11.6732 3.1585 11.558 3.24455 11.4588C3.33059 11.3596 3.43534 11.2783 3.55281 11.2196C3.67028 11.1608 3.79817 11.1258 3.92917 11.1165C4.06017 11.1072 4.19173 11.1238 4.31632 11.1653L7.31632 12.1653C7.44091 12.2068 7.5561 12.2725 7.65532 12.3586C7.75453 12.4446 7.83582 12.5494 7.89456 12.6668C7.95329 12.7843 7.98831 12.9122 7.99762 13.0432C8.00693 13.1742 7.99035 13.3057 7.94882 13.4303C7.90729 13.5549 7.84162 13.6701 7.75557 13.7693C7.66953 13.8685 7.56478 13.9498 7.44731 14.0086C7.32985 14.0673 7.20196 14.1023 7.07096 14.1116C6.93996 14.1209 6.80841 14.1043 6.68382 14.0628L3.68382 13.0628C3.55922 13.0213 3.44402 12.9556 3.3448 12.8696C3.24558 12.7835 3.16429 12.6788 3.10555 12.5613C3.04682 12.4439 3.0118 12.316 3.00249 12.185C2.99319 12.054 3.00978 11.9224 3.05132 11.7978ZM28.9488 20.4303C28.9073 20.5549 28.8416 20.6701 28.7556 20.7693C28.6695 20.8686 28.5648 20.9498 28.4473 21.0086C28.3299 21.0673 28.202 21.1023 28.071 21.1116C27.94 21.1209 27.8084 21.1044 27.6838 21.0628L24.6838 20.0628C24.4322 19.9789 24.2242 19.7985 24.1056 19.5613C23.987 19.3241 23.9674 19.0494 24.0513 18.7978C24.1352 18.5462 24.3156 18.3382 24.5528 18.2196C24.7901 18.101 25.0647 18.0814 25.3163 18.1653L28.3163 19.1653C28.4409 19.2068 28.5561 19.2725 28.6553 19.3585C28.7546 19.4446 28.8358 19.5493 28.8946 19.6668C28.9533 19.7843 28.9883 19.9122 28.9976 20.0432C29.007 20.1742 28.9904 20.3057 28.9488 20.4303ZM20.9488 27.7978C21.0327 28.0494 21.0132 28.3241 20.8946 28.5613C20.7759 28.7985 20.5679 28.9789 20.3163 29.0628C20.0647 29.1467 19.7901 29.1272 19.5528 29.0086C19.3156 28.8899 19.1352 28.6819 19.0513 28.4303L18.0513 25.4303C17.9674 25.1787 17.987 24.9041 18.1056 24.6668C18.2242 24.4296 18.4322 24.2492 18.6838 24.1653C18.9354 24.0814 19.2101 24.101 19.4473 24.2196C19.6845 24.3382 19.8649 24.5462 19.9488 24.7978L20.9488 27.7978Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4>Plug & Play</h4>
                                                <p class="mb-0">Get the block bootstrap 5 theme and use our ready to use
                                                   bootstrap 5 components and sections examples.</p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col col-lg-6">
                                    <div class="card">
                                       <div class="card-body">
                                          <div class="d-flex">
                                             <div>
                                                <div
                                                   class="icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="32" height="33"
                                                      viewBox="0 0 32 33" fill="none">
                                                      <path opacity="0.2"
                                                         d="M14 21.114C14 21.9051 13.7654 22.6785 13.3259 23.3363C12.8864 23.9941 12.2616 24.5068 11.5307 24.8095C10.7998 25.1123 9.99556 25.1915 9.21964 25.0372C8.44372 24.8828 7.73098 24.5019 7.17157 23.9424C6.61216 23.383 6.2312 22.6703 6.07686 21.8944C5.92252 21.1185 6.00173 20.3142 6.30448 19.5833C6.60723 18.8524 7.11992 18.2277 7.77772 17.7881C8.43552 17.3486 9.20888 17.114 10 17.114C11.0609 17.114 12.0783 17.5354 12.8284 18.2856C13.5786 19.0357 14 20.0531 14 21.114ZM10 4.11402C9.20888 4.11402 8.43552 4.34861 7.77772 4.78814C7.11992 5.22766 6.60723 5.85238 6.30448 6.58328C6.00173 7.31419 5.92252 8.11845 6.07686 8.89438C6.2312 9.6703 6.61216 10.383 7.17157 10.9424C7.73098 11.5019 8.44372 11.8828 9.21964 12.0372C9.99556 12.1915 10.7998 12.1123 11.5307 11.8095C12.2616 11.5068 12.8864 10.9941 13.3259 10.3363C13.7654 9.6785 14 8.90514 14 8.11402C14 7.05315 13.5786 6.03573 12.8284 5.28559C12.0783 4.53544 11.0609 4.11402 10 4.11402ZM22 17.114C21.2089 17.114 20.4355 17.3486 19.7777 17.7881C19.1199 18.2277 18.6072 18.8524 18.3045 19.5833C18.0017 20.3142 17.9225 21.1185 18.0769 21.8944C18.2312 22.6703 18.6122 23.383 19.1716 23.9424C19.731 24.5019 20.4437 24.8828 21.2196 25.0372C21.9956 25.1915 22.7998 25.1123 23.5307 24.8095C24.2616 24.5068 24.8864 23.9941 25.3259 23.3363C25.7654 22.6785 26 21.9051 26 21.114C26 20.0531 25.5786 19.0357 24.8284 18.2856C24.0783 17.5354 23.0609 17.114 22 17.114ZM22 12.114C22.7911 12.114 23.5645 11.8794 24.2223 11.4399C24.8801 11.0004 25.3928 10.3757 25.6955 9.64475C25.9983 8.91385 26.0775 8.10958 25.9231 7.33365C25.7688 6.55773 25.3878 5.845 24.8284 5.28559C24.269 4.72618 23.5563 4.34522 22.7804 4.19087C22.0044 4.03653 21.2002 4.11575 20.4693 4.4185C19.7384 4.72125 19.1136 5.23394 18.6741 5.89173C18.2346 6.54953 18 7.32289 18 8.11402C18 9.17488 18.4214 10.1923 19.1716 10.9424C19.9217 11.6926 20.9391 12.114 22 12.114Z"
                                                         fill="#8B3DFF" />
                                                      <path
                                                         d="M3.4 15.9141C3.50506 15.9929 3.62461 16.0502 3.75182 16.0828C3.87903 16.1154 4.01142 16.1226 4.14142 16.1041C4.27142 16.0855 4.39649 16.0415 4.50949 15.9746C4.62249 15.9077 4.72121 15.8192 4.8 15.7141C5.40546 14.9068 6.19055 14.2516 7.09311 13.8003C7.99567 13.3491 8.99091 13.1141 10 13.1141C11.0091 13.1141 12.0043 13.3491 12.9069 13.8003C13.8094 14.2516 14.5945 14.9068 15.2 15.7141C15.3593 15.9261 15.5963 16.0661 15.8588 16.1034C16.1214 16.1407 16.388 16.0721 16.6 15.9129C16.6756 15.8567 16.7425 15.7897 16.7987 15.7141C17.4042 14.9068 18.1893 14.2516 19.0919 13.8003C19.9944 13.3491 20.9897 13.1141 21.9988 13.1141C23.0078 13.1141 24.0031 13.3491 24.9056 13.8003C25.8082 14.2516 26.5933 14.9068 27.1987 15.7141C27.358 15.9263 27.5951 16.0665 27.8578 16.1039C28.1204 16.1413 28.3872 16.0728 28.5994 15.9135C28.8115 15.7542 28.9518 15.5171 28.9891 15.2545C29.0265 14.9918 28.958 14.725 28.7987 14.5129C27.9136 13.3262 26.7332 12.3919 25.375 11.8029C26.1196 11.123 26.6413 10.234 26.8716 9.25237C27.1019 8.27075 27.03 7.24244 26.6654 6.30239C26.3009 5.36235 25.6606 4.55449 24.8287 3.98483C23.9967 3.41518 23.012 3.11035 22.0037 3.11035C20.9955 3.11035 20.0108 3.41518 19.1788 3.98483C18.3469 4.55449 17.7066 5.36235 17.3421 6.30239C16.9775 7.24244 16.9056 8.27075 17.1359 9.25237C17.3662 10.234 17.8879 11.123 18.6325 11.8029C17.6518 12.2269 16.7609 12.834 16.0075 13.5916C15.2541 12.834 14.3632 12.2269 13.3825 11.8029C14.1271 11.123 14.6488 10.234 14.8791 9.25237C15.1094 8.27075 15.0375 7.24244 14.6729 6.30239C14.3084 5.36235 13.6681 4.55449 12.8362 3.98483C12.0042 3.41518 11.0195 3.11035 10.0112 3.11035C9.00298 3.11035 8.01827 3.41518 7.18634 3.98483C6.35442 4.55449 5.71415 5.36235 5.34957 6.30239C4.98499 7.24244 4.91313 8.27075 5.14342 9.25237C5.37371 10.234 5.89539 11.123 6.64 11.8029C5.27581 12.39 4.08963 13.3249 3.2 14.5141C3.12121 14.6192 3.06388 14.7387 3.03129 14.8659C2.99869 14.9931 2.99148 15.1255 3.01005 15.2555C3.02862 15.3855 3.07262 15.5106 3.13953 15.6236C3.20643 15.7366 3.29494 15.8353 3.4 15.9141ZM22 5.11412C22.5933 5.11412 23.1734 5.29006 23.6667 5.61971C24.1601 5.94935 24.5446 6.41789 24.7716 6.96607C24.9987 7.51425 25.0581 8.11745 24.9424 8.69939C24.8266 9.28133 24.5409 9.81588 24.1213 10.2354C23.7018 10.655 23.1672 10.9407 22.5853 11.0565C22.0033 11.1722 21.4001 11.1128 20.8519 10.8858C20.3038 10.6587 19.8352 10.2742 19.5056 9.78083C19.1759 9.28748 19 8.70746 19 8.11412C19 7.31847 19.3161 6.55541 19.8787 5.9928C20.4413 5.43019 21.2044 5.11412 22 5.11412ZM10 5.11412C10.5933 5.11412 11.1734 5.29006 11.6667 5.61971C12.1601 5.94935 12.5446 6.41789 12.7716 6.96607C12.9987 7.51425 13.0581 8.11745 12.9424 8.69939C12.8266 9.28133 12.5409 9.81588 12.1213 10.2354C11.7018 10.655 11.1672 10.9407 10.5853 11.0565C10.0033 11.1722 9.40013 11.1128 8.85195 10.8858C8.30377 10.6587 7.83524 10.2742 7.50559 9.78083C7.17595 9.28748 7 8.70746 7 8.11412C7 7.31847 7.31607 6.55541 7.87868 5.9928C8.44129 5.43019 9.20435 5.11412 10 5.11412ZM25.375 24.8029C26.1196 24.123 26.6413 23.234 26.8716 22.2524C27.1019 21.2707 27.03 20.2424 26.6654 19.3024C26.3009 18.3623 25.6606 17.5545 24.8287 16.9848C23.9967 16.4152 23.012 16.1104 22.0037 16.1104C20.9955 16.1104 20.0108 16.4152 19.1788 16.9848C18.3469 17.5545 17.7066 18.3623 17.3421 19.3024C16.9775 20.2424 16.9056 21.2707 17.1359 22.2524C17.3662 23.234 17.8879 24.123 18.6325 24.8029C17.6518 25.2269 16.7609 25.834 16.0075 26.5916C15.2541 25.834 14.3632 25.2269 13.3825 24.8029C14.1271 24.123 14.6488 23.234 14.8791 22.2524C15.1094 21.2707 15.0375 20.2424 14.6729 19.3024C14.3084 18.3623 13.6681 17.5545 12.8362 16.9848C12.0042 16.4152 11.0195 16.1104 10.0112 16.1104C9.00298 16.1104 8.01827 16.4152 7.18634 16.9848C6.35442 17.5545 5.71415 18.3623 5.34957 19.3024C4.98499 20.2424 4.91313 21.2707 5.14342 22.2524C5.37371 23.234 5.89539 24.123 6.64 24.8029C5.27581 25.39 4.08963 26.3249 3.2 27.5141C3.12121 27.6192 3.06388 27.7387 3.03129 27.8659C2.99869 27.9931 2.99148 28.1255 3.01005 28.2555C3.02862 28.3855 3.07262 28.5106 3.13953 28.6236C3.20643 28.7366 3.29494 28.8353 3.4 28.9141C3.50506 28.9929 3.62461 29.0502 3.75182 29.0828C3.87903 29.1154 4.01142 29.1226 4.14142 29.1041C4.27142 29.0855 4.39649 29.0415 4.50949 28.9746C4.62249 28.9077 4.72121 28.8192 4.8 28.7141C5.40546 27.9068 6.19055 27.2516 7.09311 26.8003C7.99567 26.3491 8.99091 26.1141 10 26.1141C11.0091 26.1141 12.0043 26.3491 12.9069 26.8003C13.8094 27.2516 14.5945 27.9068 15.2 28.7141C15.3593 28.9261 15.5963 29.0661 15.8588 29.1034C16.1214 29.1407 16.388 29.0721 16.6 28.9129C16.6756 28.8567 16.7425 28.7897 16.7987 28.7141C17.4042 27.9068 18.1893 27.2516 19.0919 26.8003C19.9944 26.3491 20.9897 26.1141 21.9988 26.1141C23.0078 26.1141 24.0031 26.3491 24.9056 26.8003C25.8082 27.2516 26.5933 27.9068 27.1987 28.7141C27.358 28.9263 27.5951 29.0665 27.8578 29.1039C28.1204 29.1413 28.3872 29.0728 28.5994 28.9135C28.8115 28.7542 28.9518 28.5171 28.9891 28.2545C29.0265 27.9918 28.958 27.725 28.7987 27.5129C27.9136 26.3262 26.7332 25.3919 25.375 24.8029ZM10 18.1141C10.5933 18.1141 11.1734 18.2901 11.6667 18.6197C12.1601 18.9494 12.5446 19.4179 12.7716 19.9661C12.9987 20.5142 13.0581 21.1174 12.9424 21.6994C12.8266 22.2813 12.5409 22.8159 12.1213 23.2354C11.7018 23.655 11.1672 23.9407 10.5853 24.0565C10.0033 24.1722 9.40013 24.1128 8.85195 23.8858C8.30377 23.6587 7.83524 23.2742 7.50559 22.7808C7.17595 22.2875 7 21.7075 7 21.1141C7 20.3185 7.31607 19.5554 7.87868 18.9928C8.44129 18.4302 9.20435 18.1141 10 18.1141ZM22 18.1141C22.5933 18.1141 23.1734 18.2901 23.6667 18.6197C24.1601 18.9494 24.5446 19.4179 24.7716 19.9661C24.9987 20.5142 25.0581 21.1174 24.9424 21.6994C24.8266 22.2813 24.5409 22.8159 24.1213 23.2354C23.7018 23.655 23.1672 23.9407 22.5853 24.0565C22.0033 24.1722 21.4001 24.1128 20.8519 23.8858C20.3038 23.6587 19.8352 23.2742 19.5056 22.7808C19.1759 22.2875 19 21.7075 19 21.1141C19 20.3185 19.3161 19.5554 19.8787 18.9928C20.4413 18.4302 21.2044 18.1141 22 18.1141Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                             </div>
                                             <div class="ms-4">
                                                <h4>Community driven</h4>
                                                <p class="mb-0">Block is an independent funded product driven by our
                                                   community. Simple Bootstrap 5 theme.</p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--more focus-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-eleven-code" role="tabpanel"
                           aria-labelledby="pills-client-eleven-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--more focus--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container py-lg-8 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row mb-8<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-5 col-lg-10 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 17 17<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>g</span> <span class="token attr-name">clip-path</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>url(#clip0_1717_21196)<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                 <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M11.7512 0.681967C11.8491 0.738706 11.9248 0.826957 11.966 0.932305C12.0073 1.03765 12.0116 1.15387 11.9782 1.26197L10.1772 7.11397H13.5002C13.5979 7.11393 13.6934 7.14249 13.775 7.19612C13.8566 7.24975 13.9207 7.3261 13.9594 7.41576C13.9981 7.50541 14.0098 7.60444 13.9928 7.70062C13.9759 7.7968 13.9312 7.88591 13.8642 7.95697L5.8642 16.457C5.78679 16.5393 5.68379 16.5929 5.57197 16.6092C5.46016 16.6255 5.34613 16.6034 5.24847 16.5466C5.15081 16.4898 5.07528 16.4015 5.03419 16.2963C4.9931 16.191 4.98887 16.0749 5.0222 15.967L6.8232 10.114H3.5002C3.40254 10.114 3.30702 10.0854 3.22541 10.0318C3.1438 9.97818 3.07968 9.90183 3.04096 9.81217C3.00225 9.72252 2.99064 9.62349 3.00757 9.52731C3.02449 9.43114 3.06921 9.34202 3.1362 9.27097L11.1362 0.770967C11.2135 0.688766 11.3164 0.635136 11.428 0.618796C11.5397 0.602456 11.6536 0.624367 11.7512 0.680967V0.681967ZM4.6572 9.11397H7.5002C7.57845 9.11395 7.65561 9.1323 7.72547 9.16754C7.79533 9.20278 7.85595 9.25392 7.90245 9.31686C7.94895 9.37979 7.98002 9.45276 7.99318 9.5299C8.00633 9.60703 8.0012 9.68618 7.9782 9.76097L6.6102 14.204L12.3422 8.11397H9.5002C9.42195 8.11398 9.34479 8.09563 9.27493 8.06039C9.20506 8.02515 9.14445 7.97401 9.09795 7.91108C9.05145 7.84814 9.02038 7.77517 9.00722 7.69804C8.99406 7.6209 8.99919 7.54176 9.0222 7.46697L10.3902 3.02397L4.6572 9.11397Z<span class="token punctuation">"</span></span>
                                 <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>g</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>defs</span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>clipPath</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>clip0_1717_21196<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>rect</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>white<span class="token punctuation">"</span></span> <span class="token attr-name">transform</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>translate(0.5 0.614014)<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>clipPath</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>defs</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-1 text-uppercase ls-md fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Features<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>More focus, less clutter.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Keep your workspace centralized, clean and tidy. Engineered with performance and your privacy in mind.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row gy-6 mb-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card overflow-hidden card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body me-xl-8<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Feedback Board<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Give your users a place to give feedback, and share ideas<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-end ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/sass-v3/feedback.png<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body me-xl-8<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Product Roadmap<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Public roadmap to show what you're working on next<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-end ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/sass-v3/product-roadmap.png<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body me-xl-8<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Changelog<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Notify users what's new with product changelog<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-end ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/sass-v3/changelog.png<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row row-cols-lg-3 row-cols-md-2 gy-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>27<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 18 27<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M18 7.06901V2.61401C18 2.08358 17.7893 1.57487 17.4142 1.1998C17.0391 0.824727 16.5304 0.614014 16 0.614014H2C1.46957 0.614014 0.960859 0.824727 0.585786 1.1998C0.210714 1.57487 0 2.08358 0 2.61401V7.11401C0.000675612 7.42438 0.0732624 7.73038 0.212065 8.00798C0.350867 8.28559 0.552109 8.52725 0.8 8.71401L7.33375 13.614L0.8 18.514C0.552109 18.7008 0.350867 18.9424 0.212065 19.22C0.0732624 19.4977 0.000675612 19.8036 0 20.114V24.614C0 25.1444 0.210714 25.6532 0.585786 26.0282C0.960859 26.4033 1.46957 26.614 2 26.614H16C16.5304 26.614 17.0391 26.4033 17.4142 26.0282C17.7893 25.6532 18 25.1444 18 24.614V20.159C17.9993 19.8498 17.9273 19.545 17.7896 19.2681C17.652 18.9913 17.4523 18.7499 17.2062 18.5628L10.6588 13.614L17.2062 8.66526C17.4523 8.4781 17.652 8.23673 17.7896 7.95989C17.9273 7.68304 17.9993 7.37819 18 7.06901ZM2 2.61401H16V7.06901L15.2787 7.61401H2.66625L2 7.11401V2.61401ZM9 12.364L5.33375 9.61401H12.6338L9 12.364ZM16 24.614H2V20.114L8 15.614V18.614C8 18.8792 8.10536 19.1336 8.29289 19.3211C8.48043 19.5087 8.73478 19.614 9 19.614C9.26522 19.614 9.51957 19.5087 9.70711 19.3211C9.89464 19.1336 10 18.8792 10 18.614V15.624L16 20.159V24.614Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Real-time sync<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Update anything in Block and see the result. Works like magic.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>33<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 32 33<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M23 16.614C23 17.9985 22.5895 19.3519 21.8203 20.503C21.0511 21.6542 19.9579 22.5514 18.6788 23.0812C17.3997 23.611 15.9922 23.7496 14.6344 23.4795C13.2765 23.2094 12.0292 22.5427 11.0503 21.5638C10.0713 20.5848 9.4046 19.3375 9.13451 17.9796C8.86441 16.6218 9.00303 15.2143 9.53285 13.9352C10.0627 12.6561 10.9599 11.5629 12.111 10.7937C13.2622 10.0246 14.6155 9.61401 16 9.61401C17.8565 9.61401 19.637 10.3515 20.9497 11.6643C22.2625 12.977 23 14.7575 23 16.614Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M15 5.61401V4.61401C15 4.3488 15.1054 4.09444 15.2929 3.90691C15.4804 3.71937 15.7348 3.61401 16 3.61401C16.2652 3.61401 16.5196 3.71937 16.7071 3.90691C16.8946 4.09444 17 4.3488 17 4.61401V5.61401C17 5.87923 16.8946 6.13358 16.7071 6.32112C16.5196 6.50866 16.2652 6.61401 16 6.61401C15.7348 6.61401 15.4804 6.50866 15.2929 6.32112C15.1054 6.13358 15 5.87923 15 5.61401ZM24 16.614C24 18.1963 23.5308 19.743 22.6518 21.0586C21.7727 22.3742 20.5233 23.3995 19.0615 24.0051C17.5997 24.6106 15.9911 24.769 14.4393 24.4603C12.8874 24.1516 11.462 23.3897 10.3431 22.2709C9.22433 21.152 8.4624 19.7266 8.15372 18.1747C7.84504 16.6229 8.00346 15.0144 8.60896 13.5525C9.21447 12.0907 10.2398 10.8413 11.5554 9.96226C12.871 9.08321 14.4177 8.61401 16 8.61401C18.121 8.61633 20.1545 9.45993 21.6543 10.9597C23.1541 12.4595 23.9977 14.493 24 16.614ZM22 16.614C22 15.4273 21.6481 14.2673 20.9888 13.2806C20.3295 12.2939 19.3925 11.5249 18.2961 11.0707C17.1997 10.6166 15.9933 10.4978 14.8295 10.7293C13.6656 10.9608 12.5965 11.5323 11.7574 12.3714C10.9182 13.2105 10.3468 14.2796 10.1153 15.4435C9.88378 16.6074 10.0026 17.8138 10.4567 18.9101C10.9108 20.0065 11.6799 20.9435 12.6666 21.6028C13.6533 22.2621 14.8133 22.614 16 22.614C17.5908 22.6124 19.116 21.9797 20.2408 20.8548C21.3657 19.73 21.9983 18.2048 22 16.614ZM7.2925 9.32151C7.48014 9.50915 7.73464 9.61457 8 9.61457C8.26536 9.61457 8.51986 9.50915 8.7075 9.32151C8.89514 9.13387 9.00056 8.87938 9.00056 8.61401C9.00056 8.34865 8.89514 8.09415 8.7075 7.90651L7.7075 6.90651C7.51986 6.71887 7.26536 6.61346 7 6.61346C6.73464 6.61346 6.48014 6.71887 6.2925 6.90651C6.10486 7.09415 5.99944 7.34865 5.99944 7.61401C5.99944 7.87938 6.10486 8.13387 6.2925 8.32151L7.2925 9.32151ZM7.2925 23.9065L6.2925 24.9065C6.10486 25.0942 5.99944 25.3486 5.99944 25.614C5.99944 25.8794 6.10486 26.1339 6.2925 26.3215C6.48014 26.5092 6.73464 26.6146 7 26.6146C7.26536 26.6146 7.51986 26.5092 7.7075 26.3215L8.7075 25.3215C8.80041 25.2286 8.87411 25.1183 8.92439 24.9969C8.97468 24.8755 9.00056 24.7454 9.00056 24.614C9.00056 24.4826 8.97468 24.3525 8.92439 24.2311C8.87411 24.1097 8.80041 23.9994 8.7075 23.9065C8.61459 23.8136 8.50429 23.7399 8.3829 23.6896C8.2615 23.6393 8.13139 23.6135 8 23.6135C7.86861 23.6135 7.7385 23.6393 7.6171 23.6896C7.49571 23.7399 7.38541 23.8136 7.2925 23.9065ZM24 9.61401C24.1314 9.61412 24.2615 9.58834 24.3829 9.53815C24.5042 9.48796 24.6146 9.41435 24.7075 9.32151L25.7075 8.32151C25.8951 8.13387 26.0006 7.87938 26.0006 7.61401C26.0006 7.34865 25.8951 7.09415 25.7075 6.90651C25.5199 6.71887 25.2654 6.61346 25 6.61346C24.7346 6.61346 24.4801 6.71887 24.2925 6.90651L23.2925 7.90651C23.1525 8.04637 23.0571 8.22462 23.0185 8.41871C22.9798 8.61279 22.9996 8.81398 23.0754 8.9968C23.1511 9.17963 23.2794 9.33586 23.444 9.44573C23.6086 9.5556 23.8021 9.61417 24 9.61401ZM24.7075 23.9065C24.5199 23.7189 24.2654 23.6135 24 23.6135C23.7346 23.6135 23.4801 23.7189 23.2925 23.9065C23.1049 24.0942 22.9994 24.3486 22.9994 24.614C22.9994 24.8794 23.1049 25.1339 23.2925 25.3215L24.2925 26.3215C24.3854 26.4144 24.4957 26.4881 24.6171 26.5384C24.7385 26.5887 24.8686 26.6146 25 26.6146C25.1314 26.6146 25.2615 26.5887 25.3829 26.5384C25.5043 26.4881 25.6146 26.4144 25.7075 26.3215C25.8004 26.2286 25.8741 26.1183 25.9244 25.9969C25.9747 25.8755 26.0006 25.7454 26.0006 25.614C26.0006 25.4826 25.9747 25.3525 25.9244 25.2311C25.8741 25.1097 25.8004 24.9994 25.7075 24.9065L24.7075 23.9065ZM5 15.614H4C3.73478 15.614 3.48043 15.7194 3.29289 15.9069C3.10536 16.0944 3 16.3488 3 16.614C3 16.8792 3.10536 17.1336 3.29289 17.3211C3.48043 17.5087 3.73478 17.614 4 17.614H5C5.26522 17.614 5.51957 17.5087 5.70711 17.3211C5.89464 17.1336 6 16.8792 6 16.614C6 16.3488 5.89464 16.0944 5.70711 15.9069C5.51957 15.7194 5.26522 15.614 5 15.614ZM16 26.614C15.7348 26.614 15.4804 26.7194 15.2929 26.9069C15.1054 27.0944 15 27.3488 15 27.614V28.614C15 28.8792 15.1054 29.1336 15.2929 29.3211C15.4804 29.5087 15.7348 29.614 16 29.614C16.2652 29.614 16.5196 29.5087 16.7071 29.3211C16.8946 29.1336 17 28.8792 17 28.614V27.614C17 27.3488 16.8946 27.0944 16.7071 26.9069C16.5196 26.7194 16.2652 26.614 16 26.614ZM28 15.614H27C26.7348 15.614 26.4804 15.7194 26.2929 15.9069C26.1054 16.0944 26 16.3488 26 16.614C26 16.8792 26.1054 17.1336 26.2929 17.3211C26.4804 17.5087 26.7348 17.614 27 17.614H28C28.2652 17.614 28.5196 17.5087 28.7071 17.3211C28.8946 17.1336 29 16.8792 29 16.614C29 16.3488 28.8946 16.0944 28.7071 15.9069C28.5196 15.7194 28.2652 15.614 28 15.614Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Dark mode<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>For those who prefer Bootstrap 5 dark theme and love too work around.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>33<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 32 33<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M25.9824 16.0114L28.0799 13.3864C27.797 12.323 27.3736 11.3019 26.8211 10.3502L23.4836 9.97519C23.217 9.6748 22.9327 9.39055 22.6324 9.12394L22.2574 5.78519C21.3046 5.23597 20.2832 4.81564 19.2199 4.53519L16.5949 6.63144C16.1935 6.60769 15.7912 6.60769 15.3899 6.63144L12.7649 4.53394C11.7048 4.81768 10.6872 5.24097 9.73861 5.79269L9.36361 9.13019C9.06323 9.3968 8.77898 9.68105 8.51236 9.98144L5.17361 10.3564C4.6244 11.3092 4.20407 12.3306 3.92361 13.3939L6.01986 16.0189C5.99611 16.4203 5.99611 16.8226 6.01986 17.2239L3.92236 19.8489C4.20527 20.9124 4.62858 21.9335 5.18111 22.8852L8.51861 23.2602C8.78523 23.5606 9.06948 23.8448 9.36986 24.1114L9.74486 27.4502C10.6976 27.9994 11.719 28.4197 12.7824 28.7002L15.4074 26.6039C15.8087 26.6277 16.211 26.6277 16.6124 26.6039L19.2374 28.7014C20.3008 28.4185 21.3219 27.9952 22.2736 27.4427L22.6486 24.1052C22.949 23.8386 23.2332 23.5543 23.4999 23.2539L26.8386 22.8789C27.3878 21.9262 27.8082 20.9048 28.0886 19.8414L25.9924 17.2164C26.0128 16.8149 26.0094 16.4126 25.9824 16.0114ZM15.9999 21.6139C15.011 21.6139 14.0443 21.3207 13.222 20.7713C12.3998 20.2219 11.7589 19.441 11.3805 18.5274C11.002 17.6137 10.903 16.6084 11.0959 15.6385C11.2889 14.6686 11.7651 13.7777 12.4643 13.0784C13.1636 12.3791 14.0545 11.9029 15.0244 11.71C15.9943 11.5171 16.9997 11.6161 17.9133 11.9945C18.8269 12.373 19.6078 13.0138 20.1572 13.8361C20.7066 14.6583 20.9999 15.625 20.9999 16.6139C20.9999 17.94 20.4731 19.2118 19.5354 20.1495C18.5977 21.0872 17.3259 21.6139 15.9999 21.6139Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16.0001 10.6141C14.8134 10.6141 13.6533 10.966 12.6666 11.6253C11.6799 12.2845 10.9109 13.2216 10.4568 14.318C10.0027 15.4143 9.88383 16.6207 10.1153 17.7846C10.3469 18.9485 10.9183 20.0176 11.7574 20.8567C12.5965 21.6958 13.6656 22.2673 14.8295 22.4988C15.9934 22.7303 17.1998 22.6115 18.2962 22.1573C19.3925 21.7032 20.3296 20.9342 20.9889 19.9475C21.6482 18.9608 22.0001 17.8008 22.0001 16.6141C21.9984 15.0233 21.3657 13.4981 20.2409 12.3733C19.116 11.2484 17.5908 10.6157 16.0001 10.6141ZM16.0001 20.6141C15.2089 20.6141 14.4356 20.3795 13.7778 19.9399C13.12 19.5004 12.6073 18.8757 12.3045 18.1448C12.0018 17.4139 11.9226 16.6096 12.0769 15.8337C12.2313 15.0578 12.6122 14.3451 13.1716 13.7856C13.731 13.2262 14.4438 12.8453 15.2197 12.6909C15.9956 12.5366 16.7999 12.6158 17.5308 12.9186C18.2617 13.2213 18.8864 13.734 19.3259 14.3918C19.7655 15.0496 20.0001 15.8229 20.0001 16.6141C20.0001 17.6749 19.5786 18.6924 18.8285 19.4425C18.0783 20.1926 17.0609 20.6141 16.0001 20.6141ZM27.0001 16.8841C27.0051 16.7041 27.0051 16.5241 27.0001 16.3441L28.8651 14.0141C28.9628 13.8917 29.0305 13.7481 29.0627 13.5949C29.0948 13.4416 29.0905 13.2829 29.0501 13.1316C28.7438 11.9825 28.2865 10.8791 27.6901 9.85032C27.6119 9.71572 27.5034 9.60122 27.3732 9.51593C27.243 9.43065 27.0947 9.37694 26.9401 9.35907L23.9751 9.02907C23.8517 8.89907 23.7267 8.77407 23.6001 8.65407L23.2501 5.68157C23.2321 5.52684 23.1782 5.37845 23.0926 5.24823C23.0071 5.11802 22.8924 5.00958 22.7576 4.93157C21.7288 4.33563 20.6254 3.87913 19.4763 3.57407C19.325 3.53365 19.1663 3.52933 19.013 3.56146C18.8597 3.59359 18.7161 3.66128 18.5938 3.75907L16.2701 5.61407C16.0901 5.61407 15.9101 5.61407 15.7301 5.61407L13.4001 3.75282C13.2777 3.65503 13.1341 3.58734 12.9808 3.55521C12.8276 3.52308 12.6689 3.5274 12.5176 3.56782C11.3685 3.8741 10.2651 4.33142 9.23631 4.92782C9.1017 5.00598 8.9872 5.11448 8.90192 5.24468C8.81664 5.37489 8.76292 5.5232 8.74506 5.67782L8.41506 8.64782C8.28506 8.77199 8.16006 8.89699 8.04006 9.02282L5.06756 9.36407C4.91282 9.38207 4.76443 9.43598 4.63422 9.52148C4.50401 9.60699 4.39557 9.72174 4.31756 9.85657C3.72174 10.8855 3.26485 11.9889 2.95881 13.1378C2.91855 13.2892 2.91444 13.448 2.94679 13.6013C2.97914 13.7545 3.04705 13.8981 3.14506 14.0203L5.00006 16.3441C5.00006 16.5241 5.00006 16.7041 5.00006 16.8841L3.13881 19.2141C3.04102 19.3364 2.97333 19.48 2.9412 19.6333C2.90906 19.7866 2.91338 19.9453 2.95381 20.0966C3.26009 21.2456 3.71741 22.349 4.31381 23.3778C4.39196 23.5124 4.50046 23.6269 4.63067 23.7122C4.76087 23.7975 4.90919 23.8512 5.06381 23.8691L8.02881 24.1991C8.15297 24.3291 8.27797 24.4541 8.40381 24.5741L8.75006 27.5466C8.76806 27.7013 8.82196 27.8497 8.90747 27.9799C8.99298 28.1101 9.10772 28.2186 9.24256 28.2966C10.2715 28.8924 11.3749 29.3493 12.5238 29.6553C12.6752 29.6956 12.834 29.6997 12.9872 29.6673C13.1405 29.635 13.2841 29.5671 13.4063 29.4691L15.7301 27.6141C15.9101 27.6191 16.0901 27.6191 16.2701 27.6141L18.6001 29.4791C18.7224 29.5769 18.866 29.6445 19.0193 29.6767C19.1726 29.7088 19.3312 29.7045 19.4826 29.6641C20.6318 29.3583 21.7352 28.901 22.7638 28.3041C22.8984 28.2259 23.0129 28.1174 23.0982 27.9872C23.1835 27.857 23.2372 27.7087 23.2551 27.5541L23.5851 24.5891C23.7151 24.4657 23.8401 24.3407 23.9601 24.2141L26.9326 23.8641C27.0873 23.8461 27.2357 23.7922 27.3659 23.7067C27.4961 23.6212 27.6045 23.5064 27.6826 23.3716C28.2784 22.3426 28.7353 21.2393 29.0413 20.0903C29.0816 19.9389 29.0857 19.7802 29.0533 19.6269C29.021 19.4736 28.9531 19.33 28.8551 19.2078L27.0001 16.8841ZM24.9876 16.0716C25.0088 16.4329 25.0088 16.7952 24.9876 17.1566C24.9727 17.404 25.0502 17.6481 25.2051 17.8416L26.9788 20.0578C26.7753 20.7047 26.5147 21.3321 26.2001 21.9328L23.3751 22.2528C23.129 22.2801 22.9019 22.3977 22.7376 22.5828C22.4969 22.8534 22.2407 23.1097 21.9701 23.3503C21.7849 23.5147 21.6674 23.7418 21.6401 23.9878L21.3263 26.8103C20.7257 27.1251 20.0982 27.3857 19.4513 27.5891L17.2338 25.8153C17.0564 25.6735 16.8359 25.5964 16.6088 25.5966H16.5488C16.1875 25.6178 15.8252 25.6178 15.4638 25.5966C15.2165 25.5824 14.9726 25.6598 14.7788 25.8141L12.5563 27.5891C11.9095 27.3855 11.282 27.1249 10.6813 26.8103L10.3613 23.9891C10.334 23.7431 10.2164 23.5159 10.0313 23.3516C9.76069 23.111 9.50442 22.8547 9.26381 22.5841C9.09947 22.399 8.87233 22.2814 8.62631 22.2541L5.80381 21.9391C5.48905 21.3384 5.22843 20.711 5.02506 20.0641L6.79881 17.8466C6.95369 17.6531 7.0312 17.409 7.01631 17.1616C6.99506 16.8002 6.99506 16.4379 7.01631 16.0766C7.0312 15.8292 6.95369 15.5851 6.79881 15.3916L5.02506 13.1703C5.22859 12.5235 5.4892 11.896 5.80381 11.2953L8.62506 10.9753C8.87108 10.948 9.09822 10.8304 9.26256 10.6453C9.50317 10.3747 9.75944 10.1184 10.0301 9.87782C10.2159 9.71338 10.334 9.48571 10.3613 9.23907L10.6751 6.41782C11.2757 6.10306 11.9032 5.84245 12.5501 5.63907L14.7676 7.41282C14.961 7.5677 15.2052 7.64521 15.4526 7.63032C15.8139 7.60907 16.1762 7.60907 16.5376 7.63032C16.7849 7.6445 17.0287 7.56707 17.2226 7.41282L19.4438 5.63907C20.0906 5.8426 20.7181 6.10321 21.3188 6.41782L21.6388 9.23907C21.6661 9.48509 21.7837 9.71224 21.9688 9.87657C22.2394 10.1172 22.4957 10.3735 22.7363 10.6441C22.9006 10.8292 23.1278 10.9468 23.3738 10.9741L26.1963 11.2878C26.5111 11.8884 26.7717 12.5159 26.9751 13.1628L25.2013 15.3803C25.0449 15.5754 24.9673 15.8221 24.9838 16.0716H24.9876Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Optimized<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>All templates are optimized for all four breakpoints.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col col-lg-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>33<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 32 33<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M23.1248 15.989L15.8748 23.239C15.3122 23.8015 14.5491 24.1176 13.7535 24.1176C12.9579 24.1176 12.1949 23.8015 11.6323 23.239L8.87478 20.4777C8.31336 19.9153 7.99805 19.153 7.99805 18.3583C7.99805 17.5636 8.31336 16.8014 8.87478 16.239L16.1248 8.98896C16.6874 8.42639 17.4504 8.11035 18.246 8.11035C19.0416 8.11035 19.8047 8.42639 20.3673 8.98896L23.1248 11.7502C23.6862 12.3127 24.0015 13.0749 24.0015 13.8696C24.0015 14.6643 23.6862 15.4265 23.1248 15.989Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M29.7076 2.40657C29.6147 2.31359 29.5044 2.23983 29.383 2.18951C29.2616 2.13918 29.1315 2.11328 29.0001 2.11328C28.8687 2.11328 28.7385 2.13918 28.6171 2.18951C28.4957 2.23983 28.3854 2.31359 28.2926 2.40657L21.7426 8.95782L21.0713 8.28532C20.3203 7.5365 19.3031 7.11601 18.2426 7.11601C17.1821 7.11601 16.1648 7.5365 15.4138 8.28532L12.5001 11.2003L11.7076 10.4066C11.5199 10.2189 11.2654 10.1135 11.0001 10.1135C10.7347 10.1135 10.4802 10.2189 10.2926 10.4066C10.1049 10.5942 9.99951 10.8487 9.99951 11.1141C9.99951 11.3794 10.1049 11.6339 10.2926 11.8216L11.0863 12.6141L8.17132 15.5278C7.79979 15.8993 7.50507 16.3403 7.30399 16.8256C7.10292 17.311 6.99942 17.8312 6.99942 18.3566C6.99942 18.8819 7.10292 19.4022 7.30399 19.8875C7.50507 20.3729 7.79979 20.8139 8.17132 21.1853L8.84382 21.8566L2.29257 28.4066C2.19966 28.4995 2.12596 28.6098 2.07567 28.7312C2.02539 28.8526 1.99951 28.9827 1.99951 29.1141C1.99951 29.2455 2.02539 29.3756 2.07567 29.497C2.12596 29.6184 2.19966 29.7287 2.29257 29.8216C2.48021 30.0092 2.7347 30.1146 3.00007 30.1146C3.13146 30.1146 3.26157 30.0887 3.38296 30.0385C3.50436 29.9882 3.61466 29.9145 3.70757 29.8216L10.2576 23.2703L10.9288 23.9428C11.68 24.6913 12.6972 25.1116 13.7576 25.1116C14.818 25.1116 15.8352 24.6913 16.5863 23.9428L19.5001 21.0278L20.2926 21.8216C20.3855 21.9145 20.4958 21.9882 20.6172 22.0385C20.7386 22.0887 20.8687 22.1146 21.0001 22.1146C21.1315 22.1146 21.2616 22.0887 21.383 22.0385C21.5044 21.9882 21.6147 21.9145 21.7076 21.8216C21.8005 21.7287 21.8742 21.6184 21.9245 21.497C21.9747 21.3756 22.0006 21.2455 22.0006 21.1141C22.0006 20.9827 21.9747 20.8526 21.9245 20.7312C21.8742 20.6098 21.8005 20.4995 21.7076 20.4066L20.9138 19.6141L23.8288 16.7003C24.2003 16.3289 24.4951 15.8879 24.6961 15.4025C24.8972 14.9172 25.0007 14.3969 25.0007 13.8716C25.0007 13.3462 24.8972 12.826 24.6961 12.3406C24.4951 11.8553 24.2003 11.4143 23.8288 11.0428L23.1563 10.3716L29.7076 3.82157C29.8005 3.72869 29.8743 3.61841 29.9246 3.49701C29.975 3.37561 30.0009 3.24548 30.0009 3.11407C30.0009 2.98265 29.975 2.85253 29.9246 2.73113C29.8743 2.60973 29.8005 2.49944 29.7076 2.40657ZM15.1713 22.5316C14.7963 22.9064 14.2878 23.1169 13.7576 23.1169C13.2274 23.1169 12.7189 22.9064 12.3438 22.5316L9.58632 19.7703C9.21153 19.3953 9.00099 18.8868 9.00099 18.3566C9.00099 17.8264 9.21153 17.3179 9.58632 16.9428L12.5001 14.0278L18.0863 19.6141L15.1713 22.5316ZM22.4138 15.2891L19.5001 18.2003L13.9138 12.6141L16.8288 9.70032C17.2039 9.32553 17.7124 9.115 18.2426 9.115C18.7728 9.115 19.2813 9.32553 19.6563 9.70032L22.4138 12.4503C22.5996 12.636 22.7469 12.8565 22.8475 13.0992C22.948 13.3419 22.9998 13.602 22.9998 13.8647C22.9998 14.1274 22.948 14.3875 22.8475 14.6302C22.7469 14.8728 22.5996 15.0933 22.4138 15.2791V15.2891ZM11.0513 4.43032C10.9674 4.17869 10.987 3.90406 11.1056 3.66682C11.2242 3.42959 11.4322 3.24919 11.6838 3.16532C11.9354 3.08144 12.2101 3.10096 12.4473 3.21958C12.6845 3.33819 12.8649 3.54619 12.9488 3.79782L13.9488 6.79782C13.9903 6.92241 14.0069 7.05396 13.9976 7.18496C13.9883 7.31596 13.9533 7.44385 13.8946 7.56131C13.8358 7.67878 13.7545 7.78353 13.6553 7.86958C13.5561 7.95562 13.4409 8.02129 13.3163 8.06282C13.0647 8.14669 12.7901 8.12717 12.5528 8.00856C12.4354 7.94983 12.3306 7.86853 12.2446 7.76932C12.1585 7.6701 12.0928 7.55491 12.0513 7.43032L11.0513 4.43032ZM3.05132 11.7978C3.09284 11.6732 3.1585 11.558 3.24455 11.4588C3.33059 11.3596 3.43534 11.2783 3.55281 11.2196C3.67028 11.1608 3.79817 11.1258 3.92917 11.1165C4.06017 11.1072 4.19173 11.1238 4.31632 11.1653L7.31632 12.1653C7.44091 12.2068 7.5561 12.2725 7.65532 12.3586C7.75453 12.4446 7.83582 12.5494 7.89456 12.6668C7.95329 12.7843 7.98831 12.9122 7.99762 13.0432C8.00693 13.1742 7.99035 13.3057 7.94882 13.4303C7.90729 13.5549 7.84162 13.6701 7.75557 13.7693C7.66953 13.8685 7.56478 13.9498 7.44731 14.0086C7.32985 14.0673 7.20196 14.1023 7.07096 14.1116C6.93996 14.1209 6.80841 14.1043 6.68382 14.0628L3.68382 13.0628C3.55922 13.0213 3.44402 12.9556 3.3448 12.8696C3.24558 12.7835 3.16429 12.6788 3.10555 12.5613C3.04682 12.4439 3.0118 12.316 3.00249 12.185C2.99319 12.054 3.00978 11.9224 3.05132 11.7978ZM28.9488 20.4303C28.9073 20.5549 28.8416 20.6701 28.7556 20.7693C28.6695 20.8686 28.5648 20.9498 28.4473 21.0086C28.3299 21.0673 28.202 21.1023 28.071 21.1116C27.94 21.1209 27.8084 21.1044 27.6838 21.0628L24.6838 20.0628C24.4322 19.9789 24.2242 19.7985 24.1056 19.5613C23.987 19.3241 23.9674 19.0494 24.0513 18.7978C24.1352 18.5462 24.3156 18.3382 24.5528 18.2196C24.7901 18.101 25.0647 18.0814 25.3163 18.1653L28.3163 19.1653C28.4409 19.2068 28.5561 19.2725 28.6553 19.3585C28.7546 19.4446 28.8358 19.5493 28.8946 19.6668C28.9533 19.7843 28.9883 19.9122 28.9976 20.0432C29.007 20.1742 28.9904 20.3057 28.9488 20.4303ZM20.9488 27.7978C21.0327 28.0494 21.0132 28.3241 20.8946 28.5613C20.7759 28.7985 20.5679 28.9789 20.3163 29.0628C20.0647 29.1467 19.7901 29.1272 19.5528 29.0086C19.3156 28.8899 19.1352 28.6819 19.0513 28.4303L18.0513 25.4303C17.9674 25.1787 17.987 24.9041 18.1056 24.6668C18.2242 24.4296 18.4322 24.2492 18.6838 24.1653C18.9354 24.0814 19.2101 24.101 19.4473 24.2196C19.6845 24.3382 19.8649 24.5462 19.9488 24.7978L20.9488 27.7978Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Plug &amp; Play<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Get the block bootstrap 5 theme and use our ready to use bootstrap 5 components and sections examples.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col col-lg-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 border border-primary rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>33<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 32 33<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M14 21.114C14 21.9051 13.7654 22.6785 13.3259 23.3363C12.8864 23.9941 12.2616 24.5068 11.5307 24.8095C10.7998 25.1123 9.99556 25.1915 9.21964 25.0372C8.44372 24.8828 7.73098 24.5019 7.17157 23.9424C6.61216 23.383 6.2312 22.6703 6.07686 21.8944C5.92252 21.1185 6.00173 20.3142 6.30448 19.5833C6.60723 18.8524 7.11992 18.2277 7.77772 17.7881C8.43552 17.3486 9.20888 17.114 10 17.114C11.0609 17.114 12.0783 17.5354 12.8284 18.2856C13.5786 19.0357 14 20.0531 14 21.114ZM10 4.11402C9.20888 4.11402 8.43552 4.34861 7.77772 4.78814C7.11992 5.22766 6.60723 5.85238 6.30448 6.58328C6.00173 7.31419 5.92252 8.11845 6.07686 8.89438C6.2312 9.6703 6.61216 10.383 7.17157 10.9424C7.73098 11.5019 8.44372 11.8828 9.21964 12.0372C9.99556 12.1915 10.7998 12.1123 11.5307 11.8095C12.2616 11.5068 12.8864 10.9941 13.3259 10.3363C13.7654 9.6785 14 8.90514 14 8.11402C14 7.05315 13.5786 6.03573 12.8284 5.28559C12.0783 4.53544 11.0609 4.11402 10 4.11402ZM22 17.114C21.2089 17.114 20.4355 17.3486 19.7777 17.7881C19.1199 18.2277 18.6072 18.8524 18.3045 19.5833C18.0017 20.3142 17.9225 21.1185 18.0769 21.8944C18.2312 22.6703 18.6122 23.383 19.1716 23.9424C19.731 24.5019 20.4437 24.8828 21.2196 25.0372C21.9956 25.1915 22.7998 25.1123 23.5307 24.8095C24.2616 24.5068 24.8864 23.9941 25.3259 23.3363C25.7654 22.6785 26 21.9051 26 21.114C26 20.0531 25.5786 19.0357 24.8284 18.2856C24.0783 17.5354 23.0609 17.114 22 17.114ZM22 12.114C22.7911 12.114 23.5645 11.8794 24.2223 11.4399C24.8801 11.0004 25.3928 10.3757 25.6955 9.64475C25.9983 8.91385 26.0775 8.10958 25.9231 7.33365C25.7688 6.55773 25.3878 5.845 24.8284 5.28559C24.269 4.72618 23.5563 4.34522 22.7804 4.19087C22.0044 4.03653 21.2002 4.11575 20.4693 4.4185C19.7384 4.72125 19.1136 5.23394 18.6741 5.89173C18.2346 6.54953 18 7.32289 18 8.11402C18 9.17488 18.4214 10.1923 19.1716 10.9424C19.9217 11.6926 20.9391 12.114 22 12.114Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                     <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M3.4 15.9141C3.50506 15.9929 3.62461 16.0502 3.75182 16.0828C3.87903 16.1154 4.01142 16.1226 4.14142 16.1041C4.27142 16.0855 4.39649 16.0415 4.50949 15.9746C4.62249 15.9077 4.72121 15.8192 4.8 15.7141C5.40546 14.9068 6.19055 14.2516 7.09311 13.8003C7.99567 13.3491 8.99091 13.1141 10 13.1141C11.0091 13.1141 12.0043 13.3491 12.9069 13.8003C13.8094 14.2516 14.5945 14.9068 15.2 15.7141C15.3593 15.9261 15.5963 16.0661 15.8588 16.1034C16.1214 16.1407 16.388 16.0721 16.6 15.9129C16.6756 15.8567 16.7425 15.7897 16.7987 15.7141C17.4042 14.9068 18.1893 14.2516 19.0919 13.8003C19.9944 13.3491 20.9897 13.1141 21.9988 13.1141C23.0078 13.1141 24.0031 13.3491 24.9056 13.8003C25.8082 14.2516 26.5933 14.9068 27.1987 15.7141C27.358 15.9263 27.5951 16.0665 27.8578 16.1039C28.1204 16.1413 28.3872 16.0728 28.5994 15.9135C28.8115 15.7542 28.9518 15.5171 28.9891 15.2545C29.0265 14.9918 28.958 14.725 28.7987 14.5129C27.9136 13.3262 26.7332 12.3919 25.375 11.8029C26.1196 11.123 26.6413 10.234 26.8716 9.25237C27.1019 8.27075 27.03 7.24244 26.6654 6.30239C26.3009 5.36235 25.6606 4.55449 24.8287 3.98483C23.9967 3.41518 23.012 3.11035 22.0037 3.11035C20.9955 3.11035 20.0108 3.41518 19.1788 3.98483C18.3469 4.55449 17.7066 5.36235 17.3421 6.30239C16.9775 7.24244 16.9056 8.27075 17.1359 9.25237C17.3662 10.234 17.8879 11.123 18.6325 11.8029C17.6518 12.2269 16.7609 12.834 16.0075 13.5916C15.2541 12.834 14.3632 12.2269 13.3825 11.8029C14.1271 11.123 14.6488 10.234 14.8791 9.25237C15.1094 8.27075 15.0375 7.24244 14.6729 6.30239C14.3084 5.36235 13.6681 4.55449 12.8362 3.98483C12.0042 3.41518 11.0195 3.11035 10.0112 3.11035C9.00298 3.11035 8.01827 3.41518 7.18634 3.98483C6.35442 4.55449 5.71415 5.36235 5.34957 6.30239C4.98499 7.24244 4.91313 8.27075 5.14342 9.25237C5.37371 10.234 5.89539 11.123 6.64 11.8029C5.27581 12.39 4.08963 13.3249 3.2 14.5141C3.12121 14.6192 3.06388 14.7387 3.03129 14.8659C2.99869 14.9931 2.99148 15.1255 3.01005 15.2555C3.02862 15.3855 3.07262 15.5106 3.13953 15.6236C3.20643 15.7366 3.29494 15.8353 3.4 15.9141ZM22 5.11412C22.5933 5.11412 23.1734 5.29006 23.6667 5.61971C24.1601 5.94935 24.5446 6.41789 24.7716 6.96607C24.9987 7.51425 25.0581 8.11745 24.9424 8.69939C24.8266 9.28133 24.5409 9.81588 24.1213 10.2354C23.7018 10.655 23.1672 10.9407 22.5853 11.0565C22.0033 11.1722 21.4001 11.1128 20.8519 10.8858C20.3038 10.6587 19.8352 10.2742 19.5056 9.78083C19.1759 9.28748 19 8.70746 19 8.11412C19 7.31847 19.3161 6.55541 19.8787 5.9928C20.4413 5.43019 21.2044 5.11412 22 5.11412ZM10 5.11412C10.5933 5.11412 11.1734 5.29006 11.6667 5.61971C12.1601 5.94935 12.5446 6.41789 12.7716 6.96607C12.9987 7.51425 13.0581 8.11745 12.9424 8.69939C12.8266 9.28133 12.5409 9.81588 12.1213 10.2354C11.7018 10.655 11.1672 10.9407 10.5853 11.0565C10.0033 11.1722 9.40013 11.1128 8.85195 10.8858C8.30377 10.6587 7.83524 10.2742 7.50559 9.78083C7.17595 9.28748 7 8.70746 7 8.11412C7 7.31847 7.31607 6.55541 7.87868 5.9928C8.44129 5.43019 9.20435 5.11412 10 5.11412ZM25.375 24.8029C26.1196 24.123 26.6413 23.234 26.8716 22.2524C27.1019 21.2707 27.03 20.2424 26.6654 19.3024C26.3009 18.3623 25.6606 17.5545 24.8287 16.9848C23.9967 16.4152 23.012 16.1104 22.0037 16.1104C20.9955 16.1104 20.0108 16.4152 19.1788 16.9848C18.3469 17.5545 17.7066 18.3623 17.3421 19.3024C16.9775 20.2424 16.9056 21.2707 17.1359 22.2524C17.3662 23.234 17.8879 24.123 18.6325 24.8029C17.6518 25.2269 16.7609 25.834 16.0075 26.5916C15.2541 25.834 14.3632 25.2269 13.3825 24.8029C14.1271 24.123 14.6488 23.234 14.8791 22.2524C15.1094 21.2707 15.0375 20.2424 14.6729 19.3024C14.3084 18.3623 13.6681 17.5545 12.8362 16.9848C12.0042 16.4152 11.0195 16.1104 10.0112 16.1104C9.00298 16.1104 8.01827 16.4152 7.18634 16.9848C6.35442 17.5545 5.71415 18.3623 5.34957 19.3024C4.98499 20.2424 4.91313 21.2707 5.14342 22.2524C5.37371 23.234 5.89539 24.123 6.64 24.8029C5.27581 25.39 4.08963 26.3249 3.2 27.5141C3.12121 27.6192 3.06388 27.7387 3.03129 27.8659C2.99869 27.9931 2.99148 28.1255 3.01005 28.2555C3.02862 28.3855 3.07262 28.5106 3.13953 28.6236C3.20643 28.7366 3.29494 28.8353 3.4 28.9141C3.50506 28.9929 3.62461 29.0502 3.75182 29.0828C3.87903 29.1154 4.01142 29.1226 4.14142 29.1041C4.27142 29.0855 4.39649 29.0415 4.50949 28.9746C4.62249 28.9077 4.72121 28.8192 4.8 28.7141C5.40546 27.9068 6.19055 27.2516 7.09311 26.8003C7.99567 26.3491 8.99091 26.1141 10 26.1141C11.0091 26.1141 12.0043 26.3491 12.9069 26.8003C13.8094 27.2516 14.5945 27.9068 15.2 28.7141C15.3593 28.9261 15.5963 29.0661 15.8588 29.1034C16.1214 29.1407 16.388 29.0721 16.6 28.9129C16.6756 28.8567 16.7425 28.7897 16.7987 28.7141C17.4042 27.9068 18.1893 27.2516 19.0919 26.8003C19.9944 26.3491 20.9897 26.1141 21.9988 26.1141C23.0078 26.1141 24.0031 26.3491 24.9056 26.8003C25.8082 27.2516 26.5933 27.9068 27.1987 28.7141C27.358 28.9263 27.5951 29.0665 27.8578 29.1039C28.1204 29.1413 28.3872 29.0728 28.5994 28.9135C28.8115 28.7542 28.9518 28.5171 28.9891 28.2545C29.0265 27.9918 28.958 27.725 28.7987 27.5129C27.9136 26.3262 26.7332 25.3919 25.375 24.8029ZM10 18.1141C10.5933 18.1141 11.1734 18.2901 11.6667 18.6197C12.1601 18.9494 12.5446 19.4179 12.7716 19.9661C12.9987 20.5142 13.0581 21.1174 12.9424 21.6994C12.8266 22.2813 12.5409 22.8159 12.1213 23.2354C11.7018 23.655 11.1672 23.9407 10.5853 24.0565C10.0033 24.1722 9.40013 24.1128 8.85195 23.8858C8.30377 23.6587 7.83524 23.2742 7.50559 22.7808C7.17595 22.2875 7 21.7075 7 21.1141C7 20.3185 7.31607 19.5554 7.87868 18.9928C8.44129 18.4302 9.20435 18.1141 10 18.1141ZM22 18.1141C22.5933 18.1141 23.1734 18.2901 23.6667 18.6197C24.1601 18.9494 24.5446 19.4179 24.7716 19.9661C24.9987 20.5142 25.0581 21.1174 24.9424 21.6994C24.8266 22.2813 24.5409 22.8159 24.1213 23.2354C23.7018 23.655 23.1672 23.9407 22.5853 24.0565C22.0033 24.1722 21.4001 24.1128 20.8519 23.8858C20.3038 23.6587 19.8352 23.2742 19.5056 22.7808C19.1759 22.2875 19 21.7075 19 21.1141C19 20.3185 19.3161 19.5554 19.8787 18.9928C20.4413 18.4302 21.2044 18.1141 22 18.1141Z<span class="token punctuation">"</span></span>
                                     <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span><span class="token punctuation">&gt;</span></span>Community driven<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Block is an independent funded product driven by our community. Simple Bootstrap 5 theme.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--more focus--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #12</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-twelve-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-twelve-preview" role="tab" aria-controls="pills-client-twelve-preview"
                              aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-twelve-code-tab" data-bs-toggle="pill"
                              href="#pills-client-twelve-code" role="tab" aria-controls="pills-client-twelve-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-twelve-preview"
                           role="tabpanel" aria-labelledby="pills-client-twelve-preview-tab">
                           <!--feature boost-->
                           <section>
                              <div class="row justify-content-center mb-8">
                                 <div class="col-xl-6 col-lg-10 col-12">
                                    <div class="text-center d-flex flex-column gap-5">
                                       <div class="d-flex justify-content-center">
                                          <span
                                             class="bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"
                                                viewBox="0 0 17 17" fill="none">
                                                <g clip-path="url(#clip0_1717_21196)">
                                                   <path
                                                      d="M11.7512 0.681967C11.8491 0.738706 11.9248 0.826957 11.966 0.932305C12.0073 1.03765 12.0116 1.15387 11.9782 1.26197L10.1772 7.11397H13.5002C13.5979 7.11393 13.6934 7.14249 13.775 7.19612C13.8566 7.24975 13.9207 7.3261 13.9594 7.41576C13.9981 7.50541 14.0098 7.60444 13.9928 7.70062C13.9759 7.7968 13.9312 7.88591 13.8642 7.95697L5.8642 16.457C5.78679 16.5393 5.68379 16.5929 5.57197 16.6092C5.46016 16.6255 5.34613 16.6034 5.24847 16.5466C5.15081 16.4898 5.07528 16.4015 5.03419 16.2963C4.9931 16.191 4.98887 16.0749 5.0222 15.967L6.8232 10.114H3.5002C3.40254 10.114 3.30702 10.0854 3.22541 10.0318C3.1438 9.97818 3.07968 9.90183 3.04096 9.81217C3.00225 9.72252 2.99064 9.62349 3.00757 9.52731C3.02449 9.43114 3.06921 9.34202 3.1362 9.27097L11.1362 0.770967C11.2135 0.688766 11.3164 0.635136 11.428 0.618796C11.5397 0.602456 11.6536 0.624367 11.7512 0.680967V0.681967ZM4.6572 9.11397H7.5002C7.57845 9.11395 7.65561 9.1323 7.72547 9.16754C7.79533 9.20278 7.85595 9.25392 7.90245 9.31686C7.94895 9.37979 7.98002 9.45276 7.99318 9.5299C8.00633 9.60703 8.0012 9.68618 7.9782 9.76097L6.6102 14.204L12.3422 8.11397H9.5002C9.42195 8.11398 9.34479 8.09563 9.27493 8.06039C9.20506 8.02515 9.14445 7.97401 9.09795 7.91108C9.05145 7.84814 9.02038 7.77517 9.00722 7.69804C8.99406 7.6209 8.99919 7.54176 9.0222 7.46697L10.3902 3.02397L4.6572 9.11397Z"
                                                      fill="#8B3DFF" />
                                                </g>
                                                <defs>
                                                   <clipPath id="clip0_1717_21196">
                                                      <rect width="16" height="16" fill="white"
                                                         transform="translate(0.5 0.614014)" />
                                                   </clipPath>
                                                </defs>
                                             </svg>
                                             <span class="ms-1 text-uppercase ls-md fw-semibold">Features</span>
                                          </span>
                                       </div>
                                       <div class="d-flex flex-column gap-3 mx-lg-8">
                                          <h1 class="mb-0">The features to boost your productivity</h1>
                                          <p class="mb-0">Say hello to the Store. A home for Extensions published by our
                                             community of Developers using our API.</p>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="row g-6">
                                 <div class="col-12">
                                    <div class="border rounded-3 bg-white bg-opacity-25 overflow-hidden">
                                       <div class="pattern-square"></div>
                                       <div class="row align-items-center">
                                          <div class="col-lg-6 col-12">
                                             <div class="p-lg-8 p-5 my-lg-4 d-flex flex-column gap-4">
                                                <div
                                                   class="icon-shape icon-xl bg-primary bg-opacity-10 rounded-3 border border-primary">
                                                   <svg xmlns="http://www.w3.org/2000/svg" width="26" height="27"
                                                      viewBox="0 0 26 27" fill="none">
                                                      <path
                                                         d="M13 0.614014C10.4288 0.614014 7.91543 1.37645 5.77759 2.80491C3.63975 4.23337 1.97351 6.26369 0.989572 8.63913C0.0056327 11.0146 -0.251811 13.6284 0.249797 16.1502C0.751405 18.6719 1.98953 20.9883 3.80762 22.8064C5.6257 24.6245 7.94208 25.8626 10.4638 26.3642C12.9856 26.8658 15.5995 26.6084 17.9749 25.6244C20.3503 24.6405 22.3807 22.9743 23.8091 20.8364C25.2376 18.6986 26 16.1852 26 13.614C25.9964 10.1673 24.6256 6.86283 22.1884 4.42565C19.7512 1.98846 16.4467 0.617653 13 0.614014ZM13 24.614C10.8244 24.614 8.69767 23.9689 6.88873 22.7602C5.07979 21.5515 3.66989 19.8335 2.83733 17.8235C2.00477 15.8135 1.78693 13.6018 2.21137 11.468C2.63581 9.33423 3.68345 7.37422 5.22183 5.83584C6.76021 4.29746 8.72022 3.24981 10.854 2.82538C12.9878 2.40094 15.1995 2.61877 17.2095 3.45134C19.2195 4.2839 20.9375 5.6938 22.1462 7.50274C23.3549 9.31168 24 11.4384 24 13.614C23.9967 16.5304 22.8367 19.3264 20.7745 21.3885C18.7123 23.4507 15.9164 24.6107 13 24.614ZM17.7075 11.9065C17.8004 11.9994 17.8741 12.1097 17.9244 12.2311C17.9747 12.3525 18.0006 12.4826 18.0006 12.614C18.0006 12.7454 17.9747 12.8755 17.9244 12.9969C17.8741 13.1183 17.8004 13.2286 17.7075 13.3215C17.6146 13.4144 17.5043 13.4881 17.3829 13.5384C17.2615 13.5887 17.1314 13.6146 17 13.6146C16.8686 13.6146 16.7385 13.5887 16.6171 13.5384C16.4957 13.4881 16.3854 13.4144 16.2925 13.3215L14 11.0278V18.614C14 18.8792 13.8946 19.1336 13.7071 19.3211C13.5196 19.5087 13.2652 19.614 13 19.614C12.7348 19.614 12.4804 19.5087 12.2929 19.3211C12.1054 19.1336 12 18.8792 12 18.614V11.0278L9.70751 13.3215C9.51987 13.5092 9.26537 13.6146 9.00001 13.6146C8.73464 13.6146 8.48015 13.5092 8.29251 13.3215C8.10486 13.1339 7.99945 12.8794 7.99945 12.614C7.99945 12.3486 8.10486 12.0942 8.29251 11.9065L12.2925 7.90651C12.3854 7.81354 12.4957 7.73978 12.6171 7.68945C12.7385 7.63913 12.8686 7.61323 13 7.61323C13.1314 7.61323 13.2615 7.63913 13.3829 7.68945C13.5043 7.73978 13.6146 7.81354 13.7075 7.90651L17.7075 11.9065Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                                <div>
                                                   <h3>One up your productivity</h3>
                                                   <p class="mb-0 text-body">
                                                      On top of the core Block Extensions already built in, you can
                                                      install Extensions built by Developers from the community.
                                                      Everything you’ve
                                                      asked for, in one place.
                                                   </p>
                                                </div>
                                                <div>
                                                   <a href="#" class="btn btn-primary">Browse Extensions</a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-lg-6 col-12 d-lg-flex justify-content-center">
                                             <figure class="p-3 p-lg-0">
                                                <img
                                                   src="https://block.codescandy.com/assets/images/landings/sass-v3/feature-1.png"
                                                   class="img-fluid" />
                                             </figure>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col-12">
                                    <div
                                       class="border rounded-3 bg-white bg-opacity-25 overflow-hidden h-100 position-relative">
                                       <div class="pattern-square"></div>
                                       <div class="p-lg-8 p-5 d-flex flex-column gap-4">
                                          <div
                                             class="icon-shape icon-xl bg-warning bg-opacity-10 rounded-3 border border-warning">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="23" height="31"
                                                viewBox="0 0 23 31" fill="none">
                                                <path
                                                   d="M22.9738 14.3854C22.9359 14.2251 22.8591 14.0767 22.75 13.9532C22.641 13.8298 22.5032 13.7352 22.3488 13.6779L15.1475 10.9766L16.98 1.81038C17.0215 1.59741 16.9926 1.37672 16.8977 1.18161C16.8028 0.986501 16.6469 0.827565 16.4538 0.728783C16.2606 0.630002 16.0405 0.596735 15.8267 0.634003C15.613 0.671271 15.4172 0.777051 15.2688 0.935381L1.26879 15.9354C1.15508 16.0552 1.07283 16.2013 1.02937 16.3607C0.985913 16.52 0.982607 16.6877 1.01975 16.8486C1.05689 17.0096 1.13332 17.1588 1.24222 17.283C1.35111 17.4072 1.48908 17.5025 1.64379 17.5604L8.84754 20.2616L7.02004 29.4179C6.97855 29.6309 7.00745 29.8515 7.10238 30.0467C7.19732 30.2418 7.35314 30.4007 7.54632 30.4995C7.73951 30.5983 7.95959 30.6315 8.17334 30.5943C8.3871 30.557 8.58293 30.4512 8.73129 30.2929L22.7313 15.2929C22.8429 15.173 22.9234 15.0276 22.9657 14.8694C23.008 14.7111 23.0108 14.5449 22.9738 14.3854ZM9.67129 26.3641L10.98 19.8166C11.0269 19.5844 10.9898 19.3431 10.8753 19.1357C10.7608 18.9283 10.5765 18.7683 10.355 18.6841L3.75004 16.2029L14.3275 4.87038L13.02 11.4179C12.9732 11.6501 13.0103 11.8914 13.1248 12.0988C13.2392 12.3062 13.4236 12.4662 13.645 12.5504L20.245 15.0254L9.67129 26.3641Z"
                                                   fill="#FFC107" />
                                             </svg>
                                          </div>
                                          <div>
                                             <h3>Automate your task</h3>
                                             <p class="mb-0 text-body">Designed to be seamless and instant. View an
                                                Extension and hit to simply install it in milliseconds.</p>
                                          </div>
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/sass-v3/feature-2.png"
                                                class="img-fluid" />
                                          </figure>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col-12">
                                    <div
                                       class="border rounded-3 bg-white bg-opacity-25 overflow-hidden h-100 position-relative">
                                       <div class="pattern-square"></div>
                                       <div class="p-lg-8 p-5 d-flex flex-column gap-4">
                                          <div
                                             class="icon-shape icon-xl bg-info bg-opacity-10 rounded-3 border border-info">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="32" height="33"
                                                viewBox="0 0 32 33" fill="none">
                                                <path opacity="0.2"
                                                   d="M28 10.614L16 17.614L4 10.614L16 3.61401L28 10.614Z"
                                                   fill="#0DCAF0" />
                                                <path
                                                   d="M28.8638 22.1139C28.9958 22.3431 29.0317 22.6153 28.9635 22.8709C28.8954 23.1265 28.7287 23.3447 28.5 23.4777L16.5 30.4777C16.3471 30.5668 16.1733 30.6138 15.9963 30.6138C15.8192 30.6138 15.6454 30.5668 15.4925 30.4777L3.4925 23.4777C3.26712 23.3422 3.10415 23.1235 3.03888 22.8688C2.9736 22.614 3.01128 22.3439 3.14375 22.1167C3.27622 21.8896 3.49282 21.7238 3.74666 21.6552C4.0005 21.5866 4.27114 21.6207 4.5 21.7502L16 28.4564L27.5 21.7502C27.7292 21.6181 28.0014 21.5822 28.257 21.6504C28.5126 21.7186 28.7308 21.8852 28.8638 22.1139ZM27.5 15.7502L16 22.4564L4.5 15.7502C4.27231 15.6368 4.00997 15.6145 3.76638 15.6877C3.5228 15.7609 3.31627 15.9242 3.18884 16.1444C3.06141 16.3645 3.02266 16.6249 3.08046 16.8726C3.13827 17.1203 3.28829 17.3367 3.5 17.4777L15.5 24.4777C15.6529 24.5668 15.8267 24.6138 16.0037 24.6138C16.1808 24.6138 16.3546 24.5668 16.5075 24.4777L28.5075 17.4777C28.6228 17.4125 28.7239 17.325 28.8051 17.2204C28.8863 17.1158 28.9459 16.9961 28.9804 16.8682C29.015 16.7404 29.0238 16.607 29.0064 16.4757C28.9889 16.3444 28.9456 16.2179 28.8789 16.1035C28.8122 15.9891 28.7234 15.8891 28.6177 15.8093C28.5121 15.7295 28.3916 15.6715 28.2633 15.6386C28.135 15.6057 28.0015 15.5987 27.8705 15.6178C27.7394 15.637 27.6135 15.682 27.5 15.7502ZM3 10.6139C3.0004 10.4388 3.04679 10.2668 3.13454 10.1152C3.22229 9.96362 3.34831 9.83774 3.5 9.75016L15.5 2.75016C15.6529 2.661 15.8267 2.61401 16.0037 2.61401C16.1808 2.61401 16.3546 2.661 16.5075 2.75016L28.5075 9.75016C28.6585 9.83823 28.7837 9.96433 28.8707 10.1159C28.9578 10.2674 29.0036 10.4391 29.0036 10.6139C29.0036 10.7887 28.9578 10.9604 28.8707 11.1119C28.7837 11.2635 28.6585 11.3896 28.5075 11.4777L16.5075 18.4777C16.3546 18.5668 16.1808 18.6138 16.0037 18.6138C15.8267 18.6138 15.6529 18.5668 15.5 18.4777L3.5 11.4777C3.34831 11.3901 3.22229 11.2642 3.13454 11.1126C3.04679 10.961 3.0004 10.7891 3 10.6139ZM5.985 10.6139L16 16.4564L26.015 10.6139L16 4.77141L5.985 10.6139Z"
                                                   fill="#0DCAF0" />
                                             </svg>
                                          </div>
                                          <div>
                                             <h3>An ever-growing collection</h3>
                                             <p class="mb-0 text-body">We offer seamless integration solutions that
                                                empower your business with enhanced efficiency and productivity.</p>
                                          </div>
                                          <figure>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/sass-v3/feature-3.png"
                                                class="img-fluid" />
                                          </figure>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--feature boost-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-twelve-code" role="tabpanel"
                           aria-labelledby="pills-client-twelve-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--feature boost--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container py-lg-8 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row justify-content-center mb-8<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-6 col-lg-10 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-center d-flex flex-column gap-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex justify-content-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>17<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 17 17<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>g</span> <span class="token attr-name">clip-path</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>url(#clip0_1717_21196)<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                    <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M11.7512 0.681967C11.8491 0.738706 11.9248 0.826957 11.966 0.932305C12.0073 1.03765 12.0116 1.15387 11.9782 1.26197L10.1772 7.11397H13.5002C13.5979 7.11393 13.6934 7.14249 13.775 7.19612C13.8566 7.24975 13.9207 7.3261 13.9594 7.41576C13.9981 7.50541 14.0098 7.60444 13.9928 7.70062C13.9759 7.7968 13.9312 7.88591 13.8642 7.95697L5.8642 16.457C5.78679 16.5393 5.68379 16.5929 5.57197 16.6092C5.46016 16.6255 5.34613 16.6034 5.24847 16.5466C5.15081 16.4898 5.07528 16.4015 5.03419 16.2963C4.9931 16.191 4.98887 16.0749 5.0222 15.967L6.8232 10.114H3.5002C3.40254 10.114 3.30702 10.0854 3.22541 10.0318C3.1438 9.97818 3.07968 9.90183 3.04096 9.81217C3.00225 9.72252 2.99064 9.62349 3.00757 9.52731C3.02449 9.43114 3.06921 9.34202 3.1362 9.27097L11.1362 0.770967C11.2135 0.688766 11.3164 0.635136 11.428 0.618796C11.5397 0.602456 11.6536 0.624367 11.7512 0.680967V0.681967ZM4.6572 9.11397H7.5002C7.57845 9.11395 7.65561 9.1323 7.72547 9.16754C7.79533 9.20278 7.85595 9.25392 7.90245 9.31686C7.94895 9.37979 7.98002 9.45276 7.99318 9.5299C8.00633 9.60703 8.0012 9.68618 7.9782 9.76097L6.6102 14.204L12.3422 8.11397H9.5002C9.42195 8.11398 9.34479 8.09563 9.27493 8.06039C9.20506 8.02515 9.14445 7.97401 9.09795 7.91108C9.05145 7.84814 9.02038 7.77517 9.00722 7.69804C8.99406 7.6209 8.99919 7.54176 9.0222 7.46697L10.3902 3.02397L4.6572 9.11397Z<span class="token punctuation">"</span></span>
                                    <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>g</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>defs</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>clipPath</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>clip0_1717_21196<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>rect</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>white<span class="token punctuation">"</span></span> <span class="token attr-name">transform</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>translate(0.5 0.614014)<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>clipPath</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>defs</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-1 text-uppercase ls-md fw-semibold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Features<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-3 mx-lg-8<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>The features to boost your productivity<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Say hello to the Store. A home for Extensions published by our community of Developers using our API.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border rounded-3 bg-white bg-opacity-25 overflow-hidden<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pattern-square<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>p-lg-8 p-5 my-lg-4 d-flex flex-column gap-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-xl bg-primary bg-opacity-10 rounded-3 border border-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>26<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>27<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 26 27<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M13 0.614014C10.4288 0.614014 7.91543 1.37645 5.77759 2.80491C3.63975 4.23337 1.97351 6.26369 0.989572 8.63913C0.0056327 11.0146 -0.251811 13.6284 0.249797 16.1502C0.751405 18.6719 1.98953 20.9883 3.80762 22.8064C5.6257 24.6245 7.94208 25.8626 10.4638 26.3642C12.9856 26.8658 15.5995 26.6084 17.9749 25.6244C20.3503 24.6405 22.3807 22.9743 23.8091 20.8364C25.2376 18.6986 26 16.1852 26 13.614C25.9964 10.1673 24.6256 6.86283 22.1884 4.42565C19.7512 1.98846 16.4467 0.617653 13 0.614014ZM13 24.614C10.8244 24.614 8.69767 23.9689 6.88873 22.7602C5.07979 21.5515 3.66989 19.8335 2.83733 17.8235C2.00477 15.8135 1.78693 13.6018 2.21137 11.468C2.63581 9.33423 3.68345 7.37422 5.22183 5.83584C6.76021 4.29746 8.72022 3.24981 10.854 2.82538C12.9878 2.40094 15.1995 2.61877 17.2095 3.45134C19.2195 4.2839 20.9375 5.6938 22.1462 7.50274C23.3549 9.31168 24 11.4384 24 13.614C23.9967 16.5304 22.8367 19.3264 20.7745 21.3885C18.7123 23.4507 15.9164 24.6107 13 24.614ZM17.7075 11.9065C17.8004 11.9994 17.8741 12.1097 17.9244 12.2311C17.9747 12.3525 18.0006 12.4826 18.0006 12.614C18.0006 12.7454 17.9747 12.8755 17.9244 12.9969C17.8741 13.1183 17.8004 13.2286 17.7075 13.3215C17.6146 13.4144 17.5043 13.4881 17.3829 13.5384C17.2615 13.5887 17.1314 13.6146 17 13.6146C16.8686 13.6146 16.7385 13.5887 16.6171 13.5384C16.4957 13.4881 16.3854 13.4144 16.2925 13.3215L14 11.0278V18.614C14 18.8792 13.8946 19.1336 13.7071 19.3211C13.5196 19.5087 13.2652 19.614 13 19.614C12.7348 19.614 12.4804 19.5087 12.2929 19.3211C12.1054 19.1336 12 18.8792 12 18.614V11.0278L9.70751 13.3215C9.51987 13.5092 9.26537 13.6146 9.00001 13.6146C8.73464 13.6146 8.48015 13.5092 8.29251 13.3215C8.10486 13.1339 7.99945 12.8794 7.99945 12.614C7.99945 12.3486 8.10486 12.0942 8.29251 11.9065L12.2925 7.90651C12.3854 7.81354 12.4957 7.73978 12.6171 7.68945C12.7385 7.63913 12.8686 7.61323 13 7.61323C13.1314 7.61323 13.2615 7.63913 13.3829 7.68945C13.5043 7.73978 13.6146 7.81354 13.7075 7.90651L17.7075 11.9065Z<span class="token punctuation">"</span></span>
                                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>One up your productivity<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    On top of the core Block Extensions already built in, you can install Extensions built by Developers from the community. Everything you’ve asked for, in
                                    one place.
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>btn btn-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Browse Extensions<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 col-12 d-lg-flex justify-content-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>p-3 p-lg-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/sass-v3/feature-1.png<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border rounded-3 bg-white bg-opacity-25 overflow-hidden h-100 position-relative<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pattern-square<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>p-lg-8 p-5 d-flex flex-column gap-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-xl bg-warning bg-opacity-10 rounded-3 border border-warning<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>23<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>31<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 23 31<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M22.9738 14.3854C22.9359 14.2251 22.8591 14.0767 22.75 13.9532C22.641 13.8298 22.5032 13.7352 22.3488 13.6779L15.1475 10.9766L16.98 1.81038C17.0215 1.59741 16.9926 1.37672 16.8977 1.18161C16.8028 0.986501 16.6469 0.827565 16.4538 0.728783C16.2606 0.630002 16.0405 0.596735 15.8267 0.634003C15.613 0.671271 15.4172 0.777051 15.2688 0.935381L1.26879 15.9354C1.15508 16.0552 1.07283 16.2013 1.02937 16.3607C0.985913 16.52 0.982607 16.6877 1.01975 16.8486C1.05689 17.0096 1.13332 17.1588 1.24222 17.283C1.35111 17.4072 1.48908 17.5025 1.64379 17.5604L8.84754 20.2616L7.02004 29.4179C6.97855 29.6309 7.00745 29.8515 7.10238 30.0467C7.19732 30.2418 7.35314 30.4007 7.54632 30.4995C7.73951 30.5983 7.95959 30.6315 8.17334 30.5943C8.3871 30.557 8.58293 30.4512 8.73129 30.2929L22.7313 15.2929C22.8429 15.173 22.9234 15.0276 22.9657 14.8694C23.008 14.7111 23.0108 14.5449 22.9738 14.3854ZM9.67129 26.3641L10.98 19.8166C11.0269 19.5844 10.9898 19.3431 10.8753 19.1357C10.7608 18.9283 10.5765 18.7683 10.355 18.6841L3.75004 16.2029L14.3275 4.87038L13.02 11.4179C12.9732 11.6501 13.0103 11.8914 13.1248 12.0988C13.2392 12.3062 13.4236 12.4662 13.645 12.5504L20.245 15.0254L9.67129 26.3641Z<span class="token punctuation">"</span></span>
                                <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#FFC107<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>Automate your task<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Designed to be seamless and instant. View an Extension and hit to simply install it in milliseconds.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/sass-v3/feature-2.png<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border rounded-3 bg-white bg-opacity-25 overflow-hidden h-100 position-relative<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pattern-square<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>p-lg-8 p-5 d-flex flex-column gap-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-xl bg-info bg-opacity-10 rounded-3 border border-info<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>32<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>33<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 32 33<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M28 10.614L16 17.614L4 10.614L16 3.61401L28 10.614Z<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#0DCAF0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M28.8638 22.1139C28.9958 22.3431 29.0317 22.6153 28.9635 22.8709C28.8954 23.1265 28.7287 23.3447 28.5 23.4777L16.5 30.4777C16.3471 30.5668 16.1733 30.6138 15.9963 30.6138C15.8192 30.6138 15.6454 30.5668 15.4925 30.4777L3.4925 23.4777C3.26712 23.3422 3.10415 23.1235 3.03888 22.8688C2.9736 22.614 3.01128 22.3439 3.14375 22.1167C3.27622 21.8896 3.49282 21.7238 3.74666 21.6552C4.0005 21.5866 4.27114 21.6207 4.5 21.7502L16 28.4564L27.5 21.7502C27.7292 21.6181 28.0014 21.5822 28.257 21.6504C28.5126 21.7186 28.7308 21.8852 28.8638 22.1139ZM27.5 15.7502L16 22.4564L4.5 15.7502C4.27231 15.6368 4.00997 15.6145 3.76638 15.6877C3.5228 15.7609 3.31627 15.9242 3.18884 16.1444C3.06141 16.3645 3.02266 16.6249 3.08046 16.8726C3.13827 17.1203 3.28829 17.3367 3.5 17.4777L15.5 24.4777C15.6529 24.5668 15.8267 24.6138 16.0037 24.6138C16.1808 24.6138 16.3546 24.5668 16.5075 24.4777L28.5075 17.4777C28.6228 17.4125 28.7239 17.325 28.8051 17.2204C28.8863 17.1158 28.9459 16.9961 28.9804 16.8682C29.015 16.7404 29.0238 16.607 29.0064 16.4757C28.9889 16.3444 28.9456 16.2179 28.8789 16.1035C28.8122 15.9891 28.7234 15.8891 28.6177 15.8093C28.5121 15.7295 28.3916 15.6715 28.2633 15.6386C28.135 15.6057 28.0015 15.5987 27.8705 15.6178C27.7394 15.637 27.6135 15.682 27.5 15.7502ZM3 10.6139C3.0004 10.4388 3.04679 10.2668 3.13454 10.1152C3.22229 9.96362 3.34831 9.83774 3.5 9.75016L15.5 2.75016C15.6529 2.661 15.8267 2.61401 16.0037 2.61401C16.1808 2.61401 16.3546 2.661 16.5075 2.75016L28.5075 9.75016C28.6585 9.83823 28.7837 9.96433 28.8707 10.1159C28.9578 10.2674 29.0036 10.4391 29.0036 10.6139C29.0036 10.7887 28.9578 10.9604 28.8707 11.1119C28.7837 11.2635 28.6585 11.3896 28.5075 11.4777L16.5075 18.4777C16.3546 18.5668 16.1808 18.6138 16.0037 18.6138C15.8267 18.6138 15.6529 18.5668 15.5 18.4777L3.5 11.4777C3.34831 11.3901 3.22229 11.2642 3.13454 11.1126C3.04679 10.961 3.0004 10.7891 3 10.6139ZM5.985 10.6139L16 16.4564L26.015 10.6139L16 4.77141L5.985 10.6139Z<span class="token punctuation">"</span></span>
                                <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#0DCAF0<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>An ever-growing collection<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-body<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We offer seamless integration solutions that empower your business with enhanced efficiency and productivity.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>figure</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/landings/sass-v3/feature-3.png<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>figure</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--feature boost--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #13</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-thirteen-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-thirteen-preview" role="tab"
                              aria-controls="pills-client-thirteen-preview" aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-thirteen-code-tab" data-bs-toggle="pill"
                              href="#pills-client-thirteen-code" role="tab" aria-controls="pills-client-thirteen-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-thirteen-preview"
                           role="tabpanel" aria-labelledby="pills-client-thirteen-preview-tab">
                           <!--new opportunities start-->
                           <section>
                              <div class="container">
                                 <div class="row gx-lg-10">
                                    <div class="col-md-6 col-12">
                                       <small class="text-primary text-uppercase ls-md fw-bold">Service</small>
                                       <h2 class="my-3">We help you identify, explore and respond to new</h2>
                                       <p class="mb-0 me-lg-9">
                                          As long as those opportunities involve giving us money to re-purpose old
                                          projects — we can come up with an endless number of those.
                                       </p>
                                    </div>
                                    <div class="col-md-6 col-12 mb-10">
                                       <div class="border-bottom my-5 pb-5 d-flex me-lg-9">
                                          <div>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34"
                                                viewBox="0 0 34 34" fill="none">
                                                <path
                                                   d="M28.4908 5.50939C25.4433 2.46189 21.31 0.749817 17.0002 0.749817C12.6904 0.749817 8.55708 2.46189 5.50957 5.50939C2.46207 8.55689 0.75 12.6902 0.75 17C0.75 21.3098 2.46207 25.4431 5.50957 28.4906C8.55708 31.5381 12.6904 33.2502 17.0002 33.2502C21.31 33.2502 25.4433 31.5381 28.4908 28.4906C31.5383 25.4431 33.2504 21.3098 33.2504 17C33.2504 12.6902 31.5383 8.55689 28.4908 5.50939ZM10.7502 29.2453V24.5H23.2502V29.2453C21.3134 30.2283 19.1721 30.7406 17.0002 30.7406C14.8283 30.7406 12.687 30.2283 10.7502 29.2453ZM13.2502 19.5H20.7502V22H13.2502V19.5ZM15.4377 17L17.0002 9.50001L18.5627 17H15.4377ZM26.7221 26.7235C26.4096 27.036 26.0846 27.3281 25.7502 27.6047V24.5C25.7502 23.837 25.4868 23.2011 25.018 22.7322C24.5491 22.2634 23.9132 22 23.2502 22V19.5C23.2494 18.9022 23.0345 18.3245 22.6444 17.8716C22.2542 17.4187 21.7147 17.1206 21.1236 17.0313L19.4471 8.99064C19.3294 8.42881 19.0219 7.92461 18.5763 7.56271C18.1308 7.20082 17.5742 7.00328 17.0002 7.00328C16.4262 7.00328 15.8696 7.20082 15.4241 7.56271C14.9785 7.92461 14.671 8.42881 14.5533 8.99064L12.8768 17.0313C12.2857 17.1206 11.7462 17.4187 11.356 17.8716C10.9659 18.3245 10.751 18.9022 10.7502 19.5V22C10.0872 22 9.45127 22.2634 8.98243 22.7322C8.51359 23.2011 8.2502 23.837 8.2502 24.5V27.6047C7.91582 27.3281 7.59082 27.036 7.27832 26.7235C5.35511 24.8006 4.04531 22.3506 3.51457 19.6833C2.98383 17.016 3.25599 14.2512 4.29663 11.7385C5.33726 9.22592 7.09963 7.07832 9.36086 5.56735C11.6221 4.05637 14.2806 3.24989 17.0002 3.24989C19.7198 3.24989 22.3783 4.05637 24.6395 5.56735C26.9008 7.07832 28.6631 9.22592 29.7038 11.7385C30.7444 14.2512 31.0166 17.016 30.4858 19.6833C29.9551 22.3506 28.6453 24.8006 26.7221 26.7235Z"
                                                   fill="#8B3DFF" />
                                             </svg>
                                          </div>
                                          <div>
                                             <p class="ms-4 mb-0">
                                                <span class="text-dark fw-bold">Website Design.</span>
                                                Premium, custom web design services that cater to the unique needs of
                                                each client. Donec maximurdiet odio volutpat in.
                                             </p>
                                          </div>
                                       </div>
                                       <div class="border-bottom mb-5 pb-5 d-flex me-lg-9">
                                          <div>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
                                                viewBox="0 0 40 40" fill="none">
                                                <path opacity="0.2"
                                                   d="M37.5 20C27.5 20 37.5 33.75 27.5 33.75H12.5C2.5 33.75 12.5 20 2.5 20C12.5 20 2.5 6.25 12.5 6.25H27.5C37.5 6.25 27.5 20 37.5 20Z"
                                                   fill="#8B3DFF" />
                                                <path
                                                   d="M6.74707 20C7.2768 20.4357 7.70365 20.9832 7.99707 21.6031C8.74707 23.15 8.74707 25.0406 8.74707 26.875C8.74707 30.6734 8.90332 32.5 12.4971 32.5C12.8286 32.5 13.1465 32.6317 13.381 32.8661C13.6154 33.1005 13.7471 33.4185 13.7471 33.75C13.7471 34.0815 13.6154 34.3995 13.381 34.6339C13.1465 34.8683 12.8286 35 12.4971 35C9.76582 35 7.91582 34.0406 6.99707 32.1469C6.24707 30.6 6.24707 28.7094 6.24707 26.875C6.24707 23.0766 6.09082 21.25 2.49707 21.25C2.16555 21.25 1.84761 21.1183 1.61319 20.8839C1.37877 20.6495 1.24707 20.3315 1.24707 20C1.24707 19.6685 1.37877 19.3505 1.61319 19.1161C1.84761 18.8817 2.16555 18.75 2.49707 18.75C6.09082 18.75 6.24707 16.9234 6.24707 13.125C6.24707 11.2937 6.24707 9.4 6.99707 7.85312C7.91895 5.95937 9.76894 5 12.5002 5C12.8317 5 13.1497 5.1317 13.3841 5.36612C13.6185 5.60054 13.7502 5.91848 13.7502 6.25C13.7502 6.58152 13.6185 6.89946 13.3841 7.13388C13.1497 7.3683 12.8317 7.5 12.5002 7.5C8.90644 7.5 8.7502 9.32656 8.7502 13.125C8.7502 14.9563 8.7502 16.85 8.0002 18.3969C7.70587 19.0172 7.27793 19.5646 6.74707 20ZM37.5002 18.75C33.9064 18.75 33.7502 16.9234 33.7502 13.125C33.7502 11.2937 33.7502 9.4 33.0002 7.85312C32.0814 5.95937 30.2314 5 27.5002 5C27.1687 5 26.8507 5.1317 26.6163 5.36612C26.3819 5.60054 26.2502 5.91848 26.2502 6.25C26.2502 6.58152 26.3819 6.89946 26.6163 7.13388C26.8507 7.3683 27.1687 7.5 27.5002 7.5C31.0939 7.5 31.2502 9.32656 31.2502 13.125C31.2502 14.9563 31.2502 16.85 32.0002 18.3969C32.2936 19.0168 32.7205 19.5643 33.2502 20C32.7205 20.4357 32.2936 20.9832 32.0002 21.6031C31.2502 23.15 31.2502 25.0406 31.2502 26.875C31.2502 30.6734 31.0939 32.5 27.5002 32.5C27.1687 32.5 26.8507 32.6317 26.6163 32.8661C26.3819 33.1005 26.2502 33.4185 26.2502 33.75C26.2502 34.0815 26.3819 34.3995 26.6163 34.6339C26.8507 34.8683 27.1687 35 27.5002 35C30.2314 35 32.0814 34.0406 33.0002 32.1469C33.7502 30.6 33.7502 28.7094 33.7502 26.875C33.7502 23.0766 33.9064 21.25 37.5002 21.25C37.8317 21.25 38.1497 21.1183 38.3841 20.8839C38.6185 20.6495 38.7502 20.3315 38.7502 20C38.7502 19.6685 38.6185 19.3505 38.3841 19.1161C38.1497 18.8817 37.8317 18.75 37.5002 18.75Z"
                                                   fill="#8B3DFF" />
                                             </svg>
                                          </div>
                                          <div>
                                             <p class="ms-4 mb-0">
                                                <span class="text-dark fw-bold">Web Development.</span>
                                                Donec maximus erat leo, sed imperdiet odio volutpat in. Vivamus eget In
                                                eleifend nulla sodales, facilisis elit.
                                             </p>
                                          </div>
                                       </div>
                                       <div class="border-bottom mb-5 pb-5 d-flex me-lg-9">
                                          <div>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
                                                viewBox="0 0 40 40" fill="none">
                                                <path opacity="0.2"
                                                   d="M33.75 10L31.85 20.4469C31.7453 21.0229 31.4418 21.544 30.9924 21.9192C30.543 22.2944 29.9761 22.4999 29.3906 22.5H9.77344L7.5 10H33.75Z"
                                                   fill="#8B3DFF" />
                                                <path
                                                   d="M34.7094 9.19844C34.592 9.05802 34.4453 8.94509 34.2795 8.8676C34.1137 8.79011 33.933 8.74997 33.75 8.75H8.54375L7.77969 4.55312C7.67503 3.97709 7.37153 3.45605 6.92209 3.08085C6.47265 2.70565 5.90578 2.50008 5.32031 2.5H2.5C2.16848 2.5 1.85054 2.6317 1.61612 2.86612C1.3817 3.10054 1.25 3.41848 1.25 3.75C1.25 4.08152 1.3817 4.39946 1.61612 4.63388C1.85054 4.8683 2.16848 5 2.5 5H5.3125L9.30625 26.9203C9.42389 27.5704 9.71119 28.1779 10.1391 28.6812C9.54851 29.2328 9.12226 29.9372 8.90759 30.7163C8.69291 31.4953 8.6982 32.3186 8.92286 33.0948C9.14752 33.871 9.58277 34.5699 10.1804 35.1139C10.7779 35.6578 11.5145 36.0256 12.3084 36.1766C13.1022 36.3275 13.9224 36.2555 14.6779 35.9688C15.4334 35.682 16.0947 35.1916 16.5885 34.552C17.0823 33.9123 17.3893 33.1484 17.4755 32.3449C17.5616 31.5414 17.4235 30.7298 17.0766 30H24.1734C23.8938 30.5854 23.7491 31.2262 23.75 31.875C23.75 32.7403 24.0066 33.5862 24.4873 34.3056C24.9681 35.0251 25.6513 35.5858 26.4508 35.917C27.2502 36.2481 28.1299 36.3347 28.9785 36.1659C29.8272 35.9971 30.6067 35.5804 31.2186 34.9686C31.8304 34.3567 32.2471 33.5772 32.4159 32.7285C32.5847 31.8799 32.4981 31.0002 32.167 30.2008C31.8358 29.4013 31.2751 28.7181 30.5556 28.2373C29.8362 27.7566 28.9903 27.5 28.125 27.5H12.9953C12.7026 27.5 12.4191 27.3972 12.1944 27.2096C11.9697 27.022 11.818 26.7615 11.7656 26.4734L11.2703 23.75H29.3953C30.2735 23.7499 31.1238 23.4415 31.798 22.8787C32.4721 22.3159 32.9274 21.5344 33.0844 20.6703L34.9844 10.2234C35.0165 10.0429 35.0086 9.85745 34.961 9.6803C34.9135 9.50316 34.8276 9.33865 34.7094 9.19844ZM15 31.875C15 32.2458 14.89 32.6084 14.684 32.9167C14.478 33.225 14.1851 33.4654 13.8425 33.6073C13.4999 33.7492 13.1229 33.7863 12.7592 33.714C12.3955 33.6416 12.0614 33.463 11.7992 33.2008C11.537 32.9386 11.3584 32.6045 11.286 32.2408C11.2137 31.8771 11.2508 31.5001 11.3927 31.1575C11.5346 30.8149 11.775 30.522 12.0833 30.316C12.3916 30.11 12.7542 30 13.125 30C13.6223 30 14.0992 30.1975 14.4508 30.5492C14.8025 30.9008 15 31.3777 15 31.875ZM30 31.875C30 32.2458 29.89 32.6084 29.684 32.9167C29.478 33.225 29.1851 33.4654 28.8425 33.6073C28.4999 33.7492 28.1229 33.7863 27.7592 33.714C27.3955 33.6416 27.0614 33.463 26.7992 33.2008C26.5369 32.9386 26.3584 32.6045 26.286 32.2408C26.2137 31.8771 26.2508 31.5001 26.3927 31.1575C26.5346 30.8149 26.775 30.522 27.0833 30.316C27.3916 30.11 27.7542 30 28.125 30C28.6223 30 29.0992 30.1975 29.4508 30.5492C29.8025 30.9008 30 31.3777 30 31.875ZM30.625 20.2234C30.5725 20.5122 30.4201 20.7734 30.1944 20.9611C29.9687 21.1488 29.6842 21.2511 29.3906 21.25H10.8156L8.99844 11.25H32.2516L30.625 20.2234Z"
                                                   fill="#8B3DFF" />
                                             </svg>
                                          </div>
                                          <div>
                                             <p class="ms-4 mb-0">
                                                <span class="text-dark fw-bold">E-commerce.</span>
                                                We build reliable, scalable solutions that deliver your vision and
                                                exceed your expectations. In eleifend nulla sodales, facilisis elit.
                                             </p>
                                          </div>
                                       </div>
                                       <div class="border-bottom mb-5 pb-5 d-flex me-lg-9">
                                          <div>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
                                                viewBox="0 0 40 40" fill="none">
                                                <path opacity="0.2" d="M30 8.75V31.25H10V8.75H30Z" fill="#8B3DFF" />
                                                <path
                                                   d="M27.5 2.5H12.5C11.5054 2.5 10.5516 2.89509 9.84835 3.59835C9.14509 4.30161 8.75 5.25544 8.75 6.25V33.75C8.75 34.7446 9.14509 35.6984 9.84835 36.4016C10.5516 37.1049 11.5054 37.5 12.5 37.5H27.5C28.4946 37.5 29.4484 37.1049 30.1517 36.4016C30.8549 35.6984 31.25 34.7446 31.25 33.75V6.25C31.25 5.25544 30.8549 4.30161 30.1517 3.59835C29.4484 2.89509 28.4946 2.5 27.5 2.5ZM11.25 10H28.75V30H11.25V10ZM12.5 5H27.5C27.8315 5 28.1495 5.1317 28.3839 5.36612C28.6183 5.60054 28.75 5.91848 28.75 6.25V7.5H11.25V6.25C11.25 5.91848 11.3817 5.60054 11.6161 5.36612C11.8505 5.1317 12.1685 5 12.5 5ZM27.5 35H12.5C12.1685 35 11.8505 34.8683 11.6161 34.6339C11.3817 34.3995 11.25 34.0815 11.25 33.75V32.5H28.75V33.75C28.75 34.0815 28.6183 34.3995 28.3839 34.6339C28.1495 34.8683 27.8315 35 27.5 35Z"
                                                   fill="#8B3DFF" />
                                             </svg>
                                          </div>
                                          <div>
                                             <p class="ms-4 mb-0">
                                                <span class="text-dark fw-bold">Mobile Development.</span>
                                                Fusce non urna risus. Etiam vestibulum sapien ut est laciniadio, acs
                                                quis nunc est. Donec maximus erat leo, sed imperdiet odio volutpat in.
                                             </p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--new opportunities end-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-thirteen-code" role="tabpanel"
                           aria-labelledby="pills-client-thirteen-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup">  <span class="token comment">&lt;!--new opportunities start--&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span><span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row gx-lg-10<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>small</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary text-uppercase ls-md fw-bold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Service<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>small</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>We help you identify, explore and respond to new<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 me-lg-9<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               As long as those opportunities involve giving us money to re-purpose old projects — we can come up with an endless number of those.
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6 col-12 mb-10<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border-bottom my-5 pb-5 d-flex me-lg-9<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>34<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>34<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 34 34<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M28.4908 5.50939C25.4433 2.46189 21.31 0.749817 17.0002 0.749817C12.6904 0.749817 8.55708 2.46189 5.50957 5.50939C2.46207 8.55689 0.75 12.6902 0.75 17C0.75 21.3098 2.46207 25.4431 5.50957 28.4906C8.55708 31.5381 12.6904 33.2502 17.0002 33.2502C21.31 33.2502 25.4433 31.5381 28.4908 28.4906C31.5383 25.4431 33.2504 21.3098 33.2504 17C33.2504 12.6902 31.5383 8.55689 28.4908 5.50939ZM10.7502 29.2453V24.5H23.2502V29.2453C21.3134 30.2283 19.1721 30.7406 17.0002 30.7406C14.8283 30.7406 12.687 30.2283 10.7502 29.2453ZM13.2502 19.5H20.7502V22H13.2502V19.5ZM15.4377 17L17.0002 9.50001L18.5627 17H15.4377ZM26.7221 26.7235C26.4096 27.036 26.0846 27.3281 25.7502 27.6047V24.5C25.7502 23.837 25.4868 23.2011 25.018 22.7322C24.5491 22.2634 23.9132 22 23.2502 22V19.5C23.2494 18.9022 23.0345 18.3245 22.6444 17.8716C22.2542 17.4187 21.7147 17.1206 21.1236 17.0313L19.4471 8.99064C19.3294 8.42881 19.0219 7.92461 18.5763 7.56271C18.1308 7.20082 17.5742 7.00328 17.0002 7.00328C16.4262 7.00328 15.8696 7.20082 15.4241 7.56271C14.9785 7.92461 14.671 8.42881 14.5533 8.99064L12.8768 17.0313C12.2857 17.1206 11.7462 17.4187 11.356 17.8716C10.9659 18.3245 10.751 18.9022 10.7502 19.5V22C10.0872 22 9.45127 22.2634 8.98243 22.7322C8.51359 23.2011 8.2502 23.837 8.2502 24.5V27.6047C7.91582 27.3281 7.59082 27.036 7.27832 26.7235C5.35511 24.8006 4.04531 22.3506 3.51457 19.6833C2.98383 17.016 3.25599 14.2512 4.29663 11.7385C5.33726 9.22592 7.09963 7.07832 9.36086 5.56735C11.6221 4.05637 14.2806 3.24989 17.0002 3.24989C19.7198 3.24989 22.3783 4.05637 24.6395 5.56735C26.9008 7.07832 28.6631 9.22592 29.7038 11.7385C30.7444 14.2512 31.0166 17.016 30.4858 19.6833C29.9551 22.3506 28.6453 24.8006 26.7221 26.7235Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-bold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Website Design.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                     Premium, custom web design services that cater to the unique needs of each client. Donec maximurdiet odio volutpat in.
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border-bottom mb-5 pb-5 d-flex me-lg-9<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M37.5 20C27.5 20 37.5 33.75 27.5 33.75H12.5C2.5 33.75 12.5 20 2.5 20C12.5 20 2.5 6.25 12.5 6.25H27.5C37.5 6.25 27.5 20 37.5 20Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M6.74707 20C7.2768 20.4357 7.70365 20.9832 7.99707 21.6031C8.74707 23.15 8.74707 25.0406 8.74707 26.875C8.74707 30.6734 8.90332 32.5 12.4971 32.5C12.8286 32.5 13.1465 32.6317 13.381 32.8661C13.6154 33.1005 13.7471 33.4185 13.7471 33.75C13.7471 34.0815 13.6154 34.3995 13.381 34.6339C13.1465 34.8683 12.8286 35 12.4971 35C9.76582 35 7.91582 34.0406 6.99707 32.1469C6.24707 30.6 6.24707 28.7094 6.24707 26.875C6.24707 23.0766 6.09082 21.25 2.49707 21.25C2.16555 21.25 1.84761 21.1183 1.61319 20.8839C1.37877 20.6495 1.24707 20.3315 1.24707 20C1.24707 19.6685 1.37877 19.3505 1.61319 19.1161C1.84761 18.8817 2.16555 18.75 2.49707 18.75C6.09082 18.75 6.24707 16.9234 6.24707 13.125C6.24707 11.2937 6.24707 9.4 6.99707 7.85312C7.91895 5.95937 9.76894 5 12.5002 5C12.8317 5 13.1497 5.1317 13.3841 5.36612C13.6185 5.60054 13.7502 5.91848 13.7502 6.25C13.7502 6.58152 13.6185 6.89946 13.3841 7.13388C13.1497 7.3683 12.8317 7.5 12.5002 7.5C8.90644 7.5 8.7502 9.32656 8.7502 13.125C8.7502 14.9563 8.7502 16.85 8.0002 18.3969C7.70587 19.0172 7.27793 19.5646 6.74707 20ZM37.5002 18.75C33.9064 18.75 33.7502 16.9234 33.7502 13.125C33.7502 11.2937 33.7502 9.4 33.0002 7.85312C32.0814 5.95937 30.2314 5 27.5002 5C27.1687 5 26.8507 5.1317 26.6163 5.36612C26.3819 5.60054 26.2502 5.91848 26.2502 6.25C26.2502 6.58152 26.3819 6.89946 26.6163 7.13388C26.8507 7.3683 27.1687 7.5 27.5002 7.5C31.0939 7.5 31.2502 9.32656 31.2502 13.125C31.2502 14.9563 31.2502 16.85 32.0002 18.3969C32.2936 19.0168 32.7205 19.5643 33.2502 20C32.7205 20.4357 32.2936 20.9832 32.0002 21.6031C31.2502 23.15 31.2502 25.0406 31.2502 26.875C31.2502 30.6734 31.0939 32.5 27.5002 32.5C27.1687 32.5 26.8507 32.6317 26.6163 32.8661C26.3819 33.1005 26.2502 33.4185 26.2502 33.75C26.2502 34.0815 26.3819 34.3995 26.6163 34.6339C26.8507 34.8683 27.1687 35 27.5002 35C30.2314 35 32.0814 34.0406 33.0002 32.1469C33.7502 30.6 33.7502 28.7094 33.7502 26.875C33.7502 23.0766 33.9064 21.25 37.5002 21.25C37.8317 21.25 38.1497 21.1183 38.3841 20.8839C38.6185 20.6495 38.7502 20.3315 38.7502 20C38.7502 19.6685 38.6185 19.3505 38.3841 19.1161C38.1497 18.8817 37.8317 18.75 37.5002 18.75Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-bold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Web Development.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                     Donec maximus erat leo, sed imperdiet odio volutpat in. Vivamus eget In eleifend nulla sodales, facilisis elit.
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border-bottom mb-5 pb-5 d-flex me-lg-9<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M33.75 10L31.85 20.4469C31.7453 21.0229 31.4418 21.544 30.9924 21.9192C30.543 22.2944 29.9761 22.4999 29.3906 22.5H9.77344L7.5 10H33.75Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M34.7094 9.19844C34.592 9.05802 34.4453 8.94509 34.2795 8.8676C34.1137 8.79011 33.933 8.74997 33.75 8.75H8.54375L7.77969 4.55312C7.67503 3.97709 7.37153 3.45605 6.92209 3.08085C6.47265 2.70565 5.90578 2.50008 5.32031 2.5H2.5C2.16848 2.5 1.85054 2.6317 1.61612 2.86612C1.3817 3.10054 1.25 3.41848 1.25 3.75C1.25 4.08152 1.3817 4.39946 1.61612 4.63388C1.85054 4.8683 2.16848 5 2.5 5H5.3125L9.30625 26.9203C9.42389 27.5704 9.71119 28.1779 10.1391 28.6812C9.54851 29.2328 9.12226 29.9372 8.90759 30.7163C8.69291 31.4953 8.6982 32.3186 8.92286 33.0948C9.14752 33.871 9.58277 34.5699 10.1804 35.1139C10.7779 35.6578 11.5145 36.0256 12.3084 36.1766C13.1022 36.3275 13.9224 36.2555 14.6779 35.9688C15.4334 35.682 16.0947 35.1916 16.5885 34.552C17.0823 33.9123 17.3893 33.1484 17.4755 32.3449C17.5616 31.5414 17.4235 30.7298 17.0766 30H24.1734C23.8938 30.5854 23.7491 31.2262 23.75 31.875C23.75 32.7403 24.0066 33.5862 24.4873 34.3056C24.9681 35.0251 25.6513 35.5858 26.4508 35.917C27.2502 36.2481 28.1299 36.3347 28.9785 36.1659C29.8272 35.9971 30.6067 35.5804 31.2186 34.9686C31.8304 34.3567 32.2471 33.5772 32.4159 32.7285C32.5847 31.8799 32.4981 31.0002 32.167 30.2008C31.8358 29.4013 31.2751 28.7181 30.5556 28.2373C29.8362 27.7566 28.9903 27.5 28.125 27.5H12.9953C12.7026 27.5 12.4191 27.3972 12.1944 27.2096C11.9697 27.022 11.818 26.7615 11.7656 26.4734L11.2703 23.75H29.3953C30.2735 23.7499 31.1238 23.4415 31.798 22.8787C32.4721 22.3159 32.9274 21.5344 33.0844 20.6703L34.9844 10.2234C35.0165 10.0429 35.0086 9.85745 34.961 9.6803C34.9135 9.50316 34.8276 9.33865 34.7094 9.19844ZM15 31.875C15 32.2458 14.89 32.6084 14.684 32.9167C14.478 33.225 14.1851 33.4654 13.8425 33.6073C13.4999 33.7492 13.1229 33.7863 12.7592 33.714C12.3955 33.6416 12.0614 33.463 11.7992 33.2008C11.537 32.9386 11.3584 32.6045 11.286 32.2408C11.2137 31.8771 11.2508 31.5001 11.3927 31.1575C11.5346 30.8149 11.775 30.522 12.0833 30.316C12.3916 30.11 12.7542 30 13.125 30C13.6223 30 14.0992 30.1975 14.4508 30.5492C14.8025 30.9008 15 31.3777 15 31.875ZM30 31.875C30 32.2458 29.89 32.6084 29.684 32.9167C29.478 33.225 29.1851 33.4654 28.8425 33.6073C28.4999 33.7492 28.1229 33.7863 27.7592 33.714C27.3955 33.6416 27.0614 33.463 26.7992 33.2008C26.5369 32.9386 26.3584 32.6045 26.286 32.2408C26.2137 31.8771 26.2508 31.5001 26.3927 31.1575C26.5346 30.8149 26.775 30.522 27.0833 30.316C27.3916 30.11 27.7542 30 28.125 30C28.6223 30 29.0992 30.1975 29.4508 30.5492C29.8025 30.9008 30 31.3777 30 31.875ZM30.625 20.2234C30.5725 20.5122 30.4201 20.7734 30.1944 20.9611C29.9687 21.1488 29.6842 21.2511 29.3906 21.25H10.8156L8.99844 11.25H32.2516L30.625 20.2234Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-bold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>E-commerce.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                     We build reliable, scalable solutions that deliver your vision and exceed your expectations. In eleifend nulla sodales, facilisis elit.
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>border-bottom mb-5 pb-5 d-flex me-lg-9<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M30 8.75V31.25H10V8.75H30Z<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M27.5 2.5H12.5C11.5054 2.5 10.5516 2.89509 9.84835 3.59835C9.14509 4.30161 8.75 5.25544 8.75 6.25V33.75C8.75 34.7446 9.14509 35.6984 9.84835 36.4016C10.5516 37.1049 11.5054 37.5 12.5 37.5H27.5C28.4946 37.5 29.4484 37.1049 30.1517 36.4016C30.8549 35.6984 31.25 34.7446 31.25 33.75V6.25C31.25 5.25544 30.8549 4.30161 30.1517 3.59835C29.4484 2.89509 28.4946 2.5 27.5 2.5ZM11.25 10H28.75V30H11.25V10ZM12.5 5H27.5C27.8315 5 28.1495 5.1317 28.3839 5.36612C28.6183 5.60054 28.75 5.91848 28.75 6.25V7.5H11.25V6.25C11.25 5.91848 11.3817 5.60054 11.6161 5.36612C11.8505 5.1317 12.1685 5 12.5 5ZM27.5 35H12.5C12.1685 35 11.8505 34.8683 11.6161 34.6339C11.3817 34.3995 11.25 34.0815 11.25 33.75V32.5H28.75V33.75C28.75 34.0815 28.6183 34.3995 28.3839 34.6339C28.1495 34.8683 27.8315 35 27.5 35Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ms-4 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-dark fw-bold<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Mobile Development.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                     Fusce non urna risus. Etiam vestibulum sapien ut est laciniadio, acs quis nunc est. Donec maximus erat leo, sed imperdiet odio volutpat in.
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
<span class="token comment">&lt;!--new opportunities end--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #14</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-fourteen-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-fourteen-preview" role="tab"
                              aria-controls="pills-client-fourteen-preview" aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-fourteen-code-tab" data-bs-toggle="pill"
                              href="#pills-client-fourteen-code" role="tab" aria-controls="pills-client-fourteen-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-fourteen-preview"
                           role="tabpanel" aria-labelledby="pills-client-fourteen-preview-tab">
                           <section class="pt-xl-6 pb-xl-10 py-lg-7 py-5">
                              <!--Logo section start-->
                              <div class="container">
                                 <div class="row mb-6">
                                    <div class="col-lg-5">
                                       <div>
                                          <h2 class="mb-0">Dominating the SEO key sectors</h2>
                                       </div>
                                    </div>
                                    <div class="offset-xl-1 col-xl-6">
                                       <div>
                                          <p class="mb-0">
                                             Dominating the SEO key sectors Our deep understanding of this sector allows
                                             us to create highly effective strategies that drive significant results,
                                             helping businesses in achieve unparalleled online visibility and growth.
                                          </p>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row g-4">
                                    <div class="col-lg-3 col-md-6">
                                       <div class="card bg-primary bg-opacity-10 p-4 border-0 h-100 card-lift">
                                          <div class="mb-4">
                                             <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.2"
                                                   d="M20 20.1705V36.2502C19.7901 36.2493 19.5837 36.1956 19.4 36.0939L5.65 28.5658C5.45366 28.4584 5.28977 28.3002 5.17543 28.1078C5.06109 27.9154 5.00051 27.6959 5 27.4721V12.5283C5.0005 12.3533 5.03776 12.1803 5.10938 12.0205L20 20.1705Z"
                                                   fill="#8B3DFF" />
                                                <path
                                                   d="M34.95 10.3358L21.2 2.81241C20.8326 2.60941 20.4197 2.50293 20 2.50293C19.5803 2.50293 19.1674 2.60941 18.8 2.81241L5.05 10.339C4.65733 10.5538 4.32954 10.8702 4.10086 11.2549C3.87219 11.6397 3.75102 12.0789 3.75 12.5265V27.4702C3.75102 27.9178 3.87219 28.357 4.10086 28.7417C4.32954 29.1265 4.65733 29.4429 5.05 29.6577L18.8 37.1843C19.1674 37.3873 19.5803 37.4938 20 37.4938C20.4197 37.4938 20.8326 37.3873 21.2 37.1843L34.95 29.6577C35.3427 29.4429 35.6705 29.1265 35.8991 28.7417C36.1278 28.357 36.249 27.9178 36.25 27.4702V12.528C36.2498 12.0796 36.129 11.6395 35.9003 11.2538C35.6716 10.8681 35.3434 10.5511 34.95 10.3358ZM20 4.99991L32.5531 11.8749L27.9016 14.4218L15.3469 7.54678L20 4.99991ZM20 18.7499L7.44687 11.8749L12.7437 8.97491L25.2969 15.8499L20 18.7499ZM6.25 14.0624L18.75 20.903V34.3077L6.25 27.4718V14.0624ZM33.75 27.4655L21.25 34.3077V20.9093L26.25 18.1733V23.7499C26.25 24.0814 26.3817 24.3994 26.6161 24.6338C26.8505 24.8682 27.1685 24.9999 27.5 24.9999C27.8315 24.9999 28.1495 24.8682 28.3839 24.6338C28.6183 24.3994 28.75 24.0814 28.75 23.7499V16.8046L33.75 14.0624V27.464V27.4655Z"
                                                   fill="#8B3DFF" />
                                             </svg>
                                          </div>
                                          <div>
                                             <h3>SaaS</h3>
                                             <p class="mb-0 text-primary-emphasis">Boost your MRR and drive serious
                                                growth. With a high-impact, tailor-made SEO strategy.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6">
                                       <div class="card bg-success bg-opacity-10 p-4 border-0 h-100 card-lift">
                                          <div class="mb-4">
                                             <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.2"
                                                   d="M20.0001 5.00002C20.0001 5.00002 13.7501 10 13.7501 21.25H5.00005C4.82613 21.2507 4.65398 21.2151 4.49461 21.1455C4.33524 21.0758 4.19216 20.9737 4.07451 20.8456C3.95686 20.7175 3.86724 20.5663 3.81137 20.4016C3.7555 20.2369 3.73461 20.0623 3.75005 19.8891C4.09944 15.8222 5.96355 12.0349 8.97313 9.27738C11.9827 6.51985 15.9182 4.99327 20.0001 5.00002ZM36.2501 19.8891C35.9007 15.8222 34.0366 12.0349 31.027 9.27738C28.0174 6.51985 24.0819 4.99327 20.0001 5.00002C20.0001 5.00002 26.2501 10 26.2501 21.25H35.0001C35.174 21.2507 35.3461 21.2151 35.5055 21.1455C35.6649 21.0758 35.8079 20.9737 35.9256 20.8456C36.0432 20.7175 36.1329 20.5663 36.1887 20.4016C36.2446 20.2369 36.2655 20.0623 36.2501 19.8891Z"
                                                   fill="#198754" />
                                                <path
                                                   d="M37.4999 19.7864C37.2145 16.5144 36.0177 13.3879 34.0451 10.7617C32.0726 8.13554 29.4034 6.1149 26.3405 4.9291C23.2776 3.74331 19.9436 3.43985 16.7169 4.05317C13.4902 4.66649 10.5001 6.17203 8.08584 8.39891C4.86281 11.3599 2.87156 15.4249 2.50772 19.7864C2.47805 20.1316 2.52046 20.4792 2.63225 20.8071C2.74404 21.1351 2.92277 21.4362 3.1571 21.6914C3.39144 21.9466 3.67626 22.1503 3.99349 22.2895C4.31072 22.4288 4.65344 22.5007 4.9999 22.5005H18.7499V31.2505C18.7499 32.5766 19.2767 33.8483 20.2144 34.786C21.1521 35.7237 22.4238 36.2505 23.7499 36.2505C25.076 36.2505 26.3478 35.7237 27.2854 34.786C28.2231 33.8483 28.7499 32.5766 28.7499 31.2505C28.7499 30.919 28.6182 30.601 28.3838 30.3666C28.1494 30.1322 27.8314 30.0005 27.4999 30.0005C27.1684 30.0005 26.8504 30.1322 26.616 30.3666C26.3816 30.601 26.2499 30.919 26.2499 31.2505C26.2499 31.9135 25.9865 32.5494 25.5177 33.0182C25.0488 33.4871 24.4129 33.7505 23.7499 33.7505C23.0869 33.7505 22.451 33.4871 21.9821 33.0182C21.5133 32.5494 21.2499 31.9135 21.2499 31.2505V22.5005H34.9999C35.347 22.5017 35.6906 22.4307 36.0088 22.2919C36.3269 22.1531 36.6127 21.9496 36.8479 21.6943C37.0831 21.4389 37.2625 21.1374 37.3747 20.809C37.487 20.4805 37.5296 20.1323 37.4999 19.7864ZM4.9999 20.0005C5.27694 16.7804 6.585 13.7356 8.72986 11.318C10.8747 8.90034 13.7421 7.23885 16.9062 6.58016C15.0749 9.06297 12.789 13.4552 12.5265 20.0005H4.9999ZM15.0233 20.0005C15.2405 15.1927 16.6687 11.7489 17.8827 9.65047C18.4813 8.60805 19.1912 7.63361 19.9999 6.74422C20.8071 7.63374 21.5154 8.60819 22.1124 9.65047C24.1874 13.2348 24.8437 17.0755 24.9718 20.0005H15.0233ZM27.4687 20.0005C27.2062 13.4552 24.9202 9.06297 23.0937 6.57235C26.2598 7.22957 29.1291 8.89166 31.2745 11.3112C33.4198 13.7308 34.7264 16.7784 34.9999 20.0005H27.4687Z"
                                                   fill="#198754" />
                                             </svg>
                                          </div>
                                          <div>
                                             <h3>Insurance</h3>
                                             <p class="mb-0 text-success-emphasis">Increase your visibility – and your
                                                traffic – with a customized SEO strategy for your insurance business.
                                             </p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6">
                                       <div class="card bg-info bg-opacity-10 p-4 border-0 h-100 card-lift">
                                          <div class="mb-4">
                                             <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.2" d="M36.25 15H3.75L20 5L36.25 15Z" fill="#0677AC" />
                                                <path
                                                   d="M3.75 16.2502H7.5V26.2502H5C4.66848 26.2502 4.35054 26.3819 4.11612 26.6163C3.8817 26.8507 3.75 27.1687 3.75 27.5002C3.75 27.8317 3.8817 28.1497 4.11612 28.3841C4.35054 28.6185 4.66848 28.7502 5 28.7502H35C35.3315 28.7502 35.6495 28.6185 35.8839 28.3841C36.1183 28.1497 36.25 27.8317 36.25 27.5002C36.25 27.1687 36.1183 26.8507 35.8839 26.6163C35.6495 26.3819 35.3315 26.2502 35 26.2502H32.5V16.2502H36.25C36.522 16.2499 36.7864 16.161 37.0033 15.9968C37.2201 15.8326 37.3775 15.6022 37.4515 15.3405C37.5256 15.0788 37.5122 14.8001 37.4135 14.5466C37.3149 14.2932 37.1362 14.0789 36.9047 13.9361L20.6547 3.93614C20.4578 3.81507 20.2312 3.75098 20 3.75098C19.7688 3.75098 19.5422 3.81507 19.3453 3.93614L3.09531 13.9361C2.86379 14.0789 2.68514 14.2932 2.58645 14.5466C2.48777 14.8001 2.47443 15.0788 2.54847 15.3405C2.62251 15.6022 2.77989 15.8326 2.99672 15.9968C3.21356 16.161 3.47802 16.2499 3.75 16.2502ZM10 16.2502H15V26.2502H10V16.2502ZM22.5 16.2502V26.2502H17.5V16.2502H22.5ZM30 26.2502H25V16.2502H30V26.2502ZM20 6.46739L31.8344 13.7502H8.16562L20 6.46739ZM38.75 32.5002C38.75 32.8317 38.6183 33.1497 38.3839 33.3841C38.1495 33.6185 37.8315 33.7502 37.5 33.7502H2.5C2.16848 33.7502 1.85054 33.6185 1.61612 33.3841C1.3817 33.1497 1.25 32.8317 1.25 32.5002C1.25 32.1687 1.3817 31.8507 1.61612 31.6163C1.85054 31.3819 2.16848 31.2502 2.5 31.2502H37.5C37.8315 31.2502 38.1495 31.3819 38.3839 31.6163C38.6183 31.8507 38.75 32.1687 38.75 32.5002Z"
                                                   fill="#0677AC" />
                                             </svg>
                                          </div>
                                          <div>
                                             <h3>Finance</h3>
                                             <p class="mb-0 text-info-emphasis">The finance industry is highly
                                                competitive, & standing out online requires a strategic approach.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6">
                                       <div class="card bg-danger bg-opacity-10 p-4 border-0 h-100 card-lift">
                                          <div class="mb-4">
                                             <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.2"
                                                   d="M38.611 12.3078L35.6001 18.0594C35.486 18.2701 35.3165 18.4458 35.1101 18.5674C34.9036 18.6891 34.6679 18.7522 34.4282 18.75H30.0001V6.25L38.0907 10.6641C38.3775 10.8133 38.5933 11.0702 38.6908 11.3783C38.7884 11.6865 38.7597 12.0208 38.611 12.3078ZM1.38915 12.3078L4.40009 18.0594C4.51423 18.2701 4.68364 18.4458 4.89012 18.5674C5.09659 18.6891 5.33232 18.7522 5.57197 18.75H10.0001V6.25L1.90947 10.6641C1.62272 10.8133 1.40689 11.0702 1.30934 11.3783C1.21179 11.6865 1.24049 12.0208 1.38915 12.3078Z"
                                                   fill="#9E1A3F" />
                                                <path
                                                   d="M38.686 9.56563L30.5985 5.15625C30.4153 5.05486 30.2095 5.00113 30.0001 5H25.0001C24.6685 5 24.3506 5.1317 24.1162 5.36612C23.8818 5.60054 23.7501 5.91848 23.7501 6.25C23.7501 7.24456 23.355 8.19839 22.6517 8.90165C21.9484 9.60491 20.9946 10 20.0001 10C19.0055 10 18.0517 9.60491 17.3484 8.90165C16.6451 8.19839 16.2501 7.24456 16.2501 6.25C16.2501 5.91848 16.1184 5.60054 15.8839 5.36612C15.6495 5.1317 15.3316 5 15.0001 5H10.0001C9.79011 5.00087 9.58376 5.05461 9.40006 5.15625L1.31412 9.56563C0.737718 9.87024 0.305631 10.391 0.112607 11.0137C-0.0804171 11.6364 -0.0186248 12.3103 0.284435 12.8875L3.29537 18.6391C3.5143 19.0526 3.84246 19.3981 4.24414 19.6381C4.64581 19.878 5.10562 20.0032 5.5735 20H8.75006V32.5C8.75006 33.163 9.01345 33.7989 9.48229 34.2678C9.95113 34.7366 10.587 35 11.2501 35H28.7501C29.4131 35 30.049 34.7366 30.5178 34.2678C30.9867 33.7989 31.2501 33.163 31.2501 32.5V20H34.4282C34.8961 20.0032 35.3559 19.878 35.7575 19.6381C36.1592 19.3981 36.4874 19.0526 36.7063 18.6391L39.7172 12.8875C40.0202 12.3101 40.0817 11.6361 39.8884 11.0134C39.6951 10.3906 39.2627 9.86997 38.686 9.56563ZM5.5735 17.5C5.5504 17.5011 5.52768 17.4939 5.50943 17.4797L2.51412 11.7594L8.75006 8.35625V17.5H5.5735ZM28.7501 32.5H11.2501V7.5H13.8751C14.1635 8.91118 14.9304 10.1794 16.0462 11.0903C17.162 12.0011 18.5581 12.4986 19.9985 12.4986C21.4388 12.4986 22.835 12.0011 23.9508 11.0903C25.0666 10.1794 25.8335 8.91118 26.1219 7.5H28.7501V32.5ZM34.4922 17.4781C34.4836 17.4859 34.4735 17.4919 34.4625 17.4956C34.4514 17.4994 34.4398 17.5009 34.4282 17.5H31.2501V8.35625L37.4876 11.7594L34.4922 17.4781Z"
                                                   fill="#9E1A3F" />
                                             </svg>
                                          </div>
                                          <div>
                                             <h3>E-Commerce</h3>
                                             <p class="mb-0 text-danger-emphasis">Boost your online store's visibility
                                                and sales with our expert E-Commerce SEO</p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-fourteen-code" role="tabpanel"
                           aria-labelledby="pills-client-fourteen-code-tab">
                           <pre class="language-markup"
                              tabindex="0"><code class="language-markup">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>pt-xl-6 pb-xl-10 py-lg-7 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                       <span class="token comment">&lt;!--Logo section start--&gt;</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row mb-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Dominating the SEO key sectors<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>offset-xl-1 col-xl-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                  Dominating the SEO key sectors Our deep understanding of this sector allows us to create highly effective strategies that drive significant
                  results, helping businesses in achieve unparalleled online visibility and growth.
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-3 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-primary bg-opacity-10 p-4 border-0 h-100 card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M20 20.1705V36.2502C19.7901 36.2493 19.5837 36.1956 19.4 36.0939L5.65 28.5658C5.45366 28.4584 5.28977 28.3002 5.17543 28.1078C5.06109 27.9154 5.00051 27.6959 5 27.4721V12.5283C5.0005 12.3533 5.03776 12.1803 5.10938 12.0205L20 20.1705Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M34.95 10.3358L21.2 2.81241C20.8326 2.60941 20.4197 2.50293 20 2.50293C19.5803 2.50293 19.1674 2.60941 18.8 2.81241L5.05 10.339C4.65733 10.5538 4.32954 10.8702 4.10086 11.2549C3.87219 11.6397 3.75102 12.0789 3.75 12.5265V27.4702C3.75102 27.9178 3.87219 28.357 4.10086 28.7417C4.32954 29.1265 4.65733 29.4429 5.05 29.6577L18.8 37.1843C19.1674 37.3873 19.5803 37.4938 20 37.4938C20.4197 37.4938 20.8326 37.3873 21.2 37.1843L34.95 29.6577C35.3427 29.4429 35.6705 29.1265 35.8991 28.7417C36.1278 28.357 36.249 27.9178 36.25 27.4702V12.528C36.2498 12.0796 36.129 11.6395 35.9003 11.2538C35.6716 10.8681 35.3434 10.5511 34.95 10.3358ZM20 4.99991L32.5531 11.8749L27.9016 14.4218L15.3469 7.54678L20 4.99991ZM20 18.7499L7.44687 11.8749L12.7437 8.97491L25.2969 15.8499L20 18.7499ZM6.25 14.0624L18.75 20.903V34.3077L6.25 27.4718V14.0624ZM33.75 27.4655L21.25 34.3077V20.9093L26.25 18.1733V23.7499C26.25 24.0814 26.3817 24.3994 26.6161 24.6338C26.8505 24.8682 27.1685 24.9999 27.5 24.9999C27.8315 24.9999 28.1495 24.8682 28.3839 24.6338C28.6183 24.3994 28.75 24.0814 28.75 23.7499V16.8046L33.75 14.0624V27.464V27.4655Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>SaaS<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-primary-emphasis<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Boost your MRR and drive serious growth. With a high-impact, tailor-made SEO strategy.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-3 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-success bg-opacity-10 p-4 border-0 h-100 card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M20.0001 5.00002C20.0001 5.00002 13.7501 10 13.7501 21.25H5.00005C4.82613 21.2507 4.65398 21.2151 4.49461 21.1455C4.33524 21.0758 4.19216 20.9737 4.07451 20.8456C3.95686 20.7175 3.86724 20.5663 3.81137 20.4016C3.7555 20.2369 3.73461 20.0623 3.75005 19.8891C4.09944 15.8222 5.96355 12.0349 8.97313 9.27738C11.9827 6.51985 15.9182 4.99327 20.0001 5.00002ZM36.2501 19.8891C35.9007 15.8222 34.0366 12.0349 31.027 9.27738C28.0174 6.51985 24.0819 4.99327 20.0001 5.00002C20.0001 5.00002 26.2501 10 26.2501 21.25H35.0001C35.174 21.2507 35.3461 21.2151 35.5055 21.1455C35.6649 21.0758 35.8079 20.9737 35.9256 20.8456C36.0432 20.7175 36.1329 20.5663 36.1887 20.4016C36.2446 20.2369 36.2655 20.0623 36.2501 19.8891Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#198754<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M37.4999 19.7864C37.2145 16.5144 36.0177 13.3879 34.0451 10.7617C32.0726 8.13554 29.4034 6.1149 26.3405 4.9291C23.2776 3.74331 19.9436 3.43985 16.7169 4.05317C13.4902 4.66649 10.5001 6.17203 8.08584 8.39891C4.86281 11.3599 2.87156 15.4249 2.50772 19.7864C2.47805 20.1316 2.52046 20.4792 2.63225 20.8071C2.74404 21.1351 2.92277 21.4362 3.1571 21.6914C3.39144 21.9466 3.67626 22.1503 3.99349 22.2895C4.31072 22.4288 4.65344 22.5007 4.9999 22.5005H18.7499V31.2505C18.7499 32.5766 19.2767 33.8483 20.2144 34.786C21.1521 35.7237 22.4238 36.2505 23.7499 36.2505C25.076 36.2505 26.3478 35.7237 27.2854 34.786C28.2231 33.8483 28.7499 32.5766 28.7499 31.2505C28.7499 30.919 28.6182 30.601 28.3838 30.3666C28.1494 30.1322 27.8314 30.0005 27.4999 30.0005C27.1684 30.0005 26.8504 30.1322 26.616 30.3666C26.3816 30.601 26.2499 30.919 26.2499 31.2505C26.2499 31.9135 25.9865 32.5494 25.5177 33.0182C25.0488 33.4871 24.4129 33.7505 23.7499 33.7505C23.0869 33.7505 22.451 33.4871 21.9821 33.0182C21.5133 32.5494 21.2499 31.9135 21.2499 31.2505V22.5005H34.9999C35.347 22.5017 35.6906 22.4307 36.0088 22.2919C36.3269 22.1531 36.6127 21.9496 36.8479 21.6943C37.0831 21.4389 37.2625 21.1374 37.3747 20.809C37.487 20.4805 37.5296 20.1323 37.4999 19.7864ZM4.9999 20.0005C5.27694 16.7804 6.585 13.7356 8.72986 11.318C10.8747 8.90034 13.7421 7.23885 16.9062 6.58016C15.0749 9.06297 12.789 13.4552 12.5265 20.0005H4.9999ZM15.0233 20.0005C15.2405 15.1927 16.6687 11.7489 17.8827 9.65047C18.4813 8.60805 19.1912 7.63361 19.9999 6.74422C20.8071 7.63374 21.5154 8.60819 22.1124 9.65047C24.1874 13.2348 24.8437 17.0755 24.9718 20.0005H15.0233ZM27.4687 20.0005C27.2062 13.4552 24.9202 9.06297 23.0937 6.57235C26.2598 7.22957 29.1291 8.89166 31.2745 11.3112C33.4198 13.7308 34.7264 16.7784 34.9999 20.0005H27.4687Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#198754<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>Insurance<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-success-emphasis<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     Increase your visibility – and your traffic – with a customized SEO strategy for your insurance business.
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-3 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-info bg-opacity-10 p-4 border-0 h-100 card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M36.25 15H3.75L20 5L36.25 15Z<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#0677AC<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M3.75 16.2502H7.5V26.2502H5C4.66848 26.2502 4.35054 26.3819 4.11612 26.6163C3.8817 26.8507 3.75 27.1687 3.75 27.5002C3.75 27.8317 3.8817 28.1497 4.11612 28.3841C4.35054 28.6185 4.66848 28.7502 5 28.7502H35C35.3315 28.7502 35.6495 28.6185 35.8839 28.3841C36.1183 28.1497 36.25 27.8317 36.25 27.5002C36.25 27.1687 36.1183 26.8507 35.8839 26.6163C35.6495 26.3819 35.3315 26.2502 35 26.2502H32.5V16.2502H36.25C36.522 16.2499 36.7864 16.161 37.0033 15.9968C37.2201 15.8326 37.3775 15.6022 37.4515 15.3405C37.5256 15.0788 37.5122 14.8001 37.4135 14.5466C37.3149 14.2932 37.1362 14.0789 36.9047 13.9361L20.6547 3.93614C20.4578 3.81507 20.2312 3.75098 20 3.75098C19.7688 3.75098 19.5422 3.81507 19.3453 3.93614L3.09531 13.9361C2.86379 14.0789 2.68514 14.2932 2.58645 14.5466C2.48777 14.8001 2.47443 15.0788 2.54847 15.3405C2.62251 15.6022 2.77989 15.8326 2.99672 15.9968C3.21356 16.161 3.47802 16.2499 3.75 16.2502ZM10 16.2502H15V26.2502H10V16.2502ZM22.5 16.2502V26.2502H17.5V16.2502H22.5ZM30 26.2502H25V16.2502H30V26.2502ZM20 6.46739L31.8344 13.7502H8.16562L20 6.46739ZM38.75 32.5002C38.75 32.8317 38.6183 33.1497 38.3839 33.3841C38.1495 33.6185 37.8315 33.7502 37.5 33.7502H2.5C2.16848 33.7502 1.85054 33.6185 1.61612 33.3841C1.3817 33.1497 1.25 32.8317 1.25 32.5002C1.25 32.1687 1.3817 31.8507 1.61612 31.6163C1.85054 31.3819 2.16848 31.2502 2.5 31.2502H37.5C37.8315 31.2502 38.1495 31.3819 38.3839 31.6163C38.6183 31.8507 38.75 32.1687 38.75 32.5002Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#0677AC<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>Finance<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-info-emphasis<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>The finance industry is highly competitive, &amp; standing out online requires a strategic approach.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-3 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>card bg-danger bg-opacity-10 p-4 border-0 h-100 card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>40<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 40 40<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">opacity</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0.2<span class="token punctuation">"</span></span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M38.611 12.3078L35.6001 18.0594C35.486 18.2701 35.3165 18.4458 35.1101 18.5674C34.9036 18.6891 34.6679 18.7522 34.4282 18.75H30.0001V6.25L38.0907 10.6641C38.3775 10.8133 38.5933 11.0702 38.6908 11.3783C38.7884 11.6865 38.7597 12.0208 38.611 12.3078ZM1.38915 12.3078L4.40009 18.0594C4.51423 18.2701 4.68364 18.4458 4.89012 18.5674C5.09659 18.6891 5.33232 18.7522 5.57197 18.75H10.0001V6.25L1.90947 10.6641C1.62272 10.8133 1.40689 11.0702 1.30934 11.3783C1.21179 11.6865 1.24049 12.0208 1.38915 12.3078Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#9E1A3F<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                        <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M38.686 9.56563L30.5985 5.15625C30.4153 5.05486 30.2095 5.00113 30.0001 5H25.0001C24.6685 5 24.3506 5.1317 24.1162 5.36612C23.8818 5.60054 23.7501 5.91848 23.7501 6.25C23.7501 7.24456 23.355 8.19839 22.6517 8.90165C21.9484 9.60491 20.9946 10 20.0001 10C19.0055 10 18.0517 9.60491 17.3484 8.90165C16.6451 8.19839 16.2501 7.24456 16.2501 6.25C16.2501 5.91848 16.1184 5.60054 15.8839 5.36612C15.6495 5.1317 15.3316 5 15.0001 5H10.0001C9.79011 5.00087 9.58376 5.05461 9.40006 5.15625L1.31412 9.56563C0.737718 9.87024 0.305631 10.391 0.112607 11.0137C-0.0804171 11.6364 -0.0186248 12.3103 0.284435 12.8875L3.29537 18.6391C3.5143 19.0526 3.84246 19.3981 4.24414 19.6381C4.64581 19.878 5.10562 20.0032 5.5735 20H8.75006V32.5C8.75006 33.163 9.01345 33.7989 9.48229 34.2678C9.95113 34.7366 10.587 35 11.2501 35H28.7501C29.4131 35 30.049 34.7366 30.5178 34.2678C30.9867 33.7989 31.2501 33.163 31.2501 32.5V20H34.4282C34.8961 20.0032 35.3559 19.878 35.7575 19.6381C36.1592 19.3981 36.4874 19.0526 36.7063 18.6391L39.7172 12.8875C40.0202 12.3101 40.0817 11.6361 39.8884 11.0134C39.6951 10.3906 39.2627 9.86997 38.686 9.56563ZM5.5735 17.5C5.5504 17.5011 5.52768 17.4939 5.50943 17.4797L2.51412 11.7594L8.75006 8.35625V17.5H5.5735ZM28.7501 32.5H11.2501V7.5H13.8751C14.1635 8.91118 14.9304 10.1794 16.0462 11.0903C17.162 12.0011 18.5581 12.4986 19.9985 12.4986C21.4388 12.4986 22.835 12.0011 23.9508 11.0903C25.0666 10.1794 25.8335 8.91118 26.1219 7.5H28.7501V32.5ZM34.4922 17.4781C34.4836 17.4859 34.4735 17.4919 34.4625 17.4956C34.4514 17.4994 34.4398 17.5009 34.4282 17.5H31.2501V8.35625L37.4876 11.7594L34.4922 17.4781Z<span class="token punctuation">"</span></span>
                        <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#9E1A3F<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span><span class="token punctuation">&gt;</span></span>E-Commerce<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 text-danger-emphasis<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Boost your online store's visibility and sales with our expert E-Commerce SEO<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #15</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-fifteen-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-fifteen-preview" role="tab"
                              aria-controls="pills-client-fifteen-preview" aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-fifteen-code-tab" data-bs-toggle="pill"
                              href="#pills-client-fifteen-code" role="tab" aria-controls="pills-client-fifteen-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-fifteen-preview"
                           role="tabpanel" aria-labelledby="pills-client-fifteen-preview-tab">
                           <!--Management-->
                           <section class="my-5">
                              <div class="container">
                                 <div class="row">
                                    <div class="col-xl-6 offset-xl-3 col-lg-8 mx-auto col-12">
                                       <div class="d-flex flex-column gap-4 text-center">
                                          <div class="d-flex justify-content-center">
                                             <span
                                                class="badge bg-white text-muted border border-light-subtle rounded-pill text-uppercase fw-semibold py-2 px-3 small ls-md">Features</span>
                                          </div>
                                          <div>
                                             <h2 class="mb-0 display-6">Smart features for smarter financial management
                                             </h2>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Management-->
                           <!--Expense-->
                           <section class="">
                              <div class="container py-5">
                                 <div
                                    class="row align-items-center gy-5 gy-lg-0 bg-success bg-opacity-10 rounded-4 text-dark text-opacity-75">
                                    <div class="col-xl-5 offset-xl-1 col-lg-6 col-12">
                                       <div class="d-flex flex-column gap-4">
                                          <div>
                                             <span
                                                class="badge bg-success bg-opacity-10 border border-success text-success rounded-pill py-2 px-3 text-uppercase ls-md">Wallet
                                                Budget</span>
                                          </div>
                                          <div class="d-flex flex-column gap-2">
                                             <h3 class="mb-0 fs-2">Expense Tracking</h3>
                                             <p class="mb-0">Track your spending effortlessly Lorem ipsum dolor sit
                                                amet, consectetur adipiscing elit. Proin volutpat mollis egestas.</p>
                                          </div>
                                          <div>
                                             <ul class="list-unstyled mb-0 d-flex flex-column gap-3">
                                                <li class="d-flex flex-row gap-2">
                                                   <span>
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                         fill="currentColor" class="bi bi-check-circle text-success"
                                                         viewBox="0 0 16 16">
                                                         <path
                                                            d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                                         <path
                                                            d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                                      </svg>
                                                   </span>
                                                   <span>Consectetur adipiscing elit.</span>
                                                </li>
                                                <li class="d-flex flex-row gap-2">
                                                   <span>
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                         fill="currentColor" class="bi bi-check-circle text-success"
                                                         viewBox="0 0 16 16">
                                                         <path
                                                            d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                                         <path
                                                            d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                                      </svg>
                                                   </span>
                                                   <span>Fusce interdum diam eu mauris</span>
                                                </li>
                                                <li class="d-flex flex-row gap-2">
                                                   <span>
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                         fill="currentColor" class="bi bi-check-circle text-success"
                                                         viewBox="0 0 16 16">
                                                         <path
                                                            d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                                         <path
                                                            d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                                      </svg>
                                                   </span>
                                                   <span>Maecenas nec arcu in libero gravida</span>
                                                </li>
                                             </ul>
                                          </div>
                                          <a href="#" class="icon-link icon-link-hover link-success">
                                             <span>Learn More</span>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                    <div class="col-xl-5 col-lg-6 col-12">
                                       <div class="d-flex justify-content-center mt-6">
                                          <img
                                             src="https://block.codescandy.com/assets/images/mobile-app/mobile-right-light.png"
                                             alt="mobile right" class="img-fluid dark-mode-none" />
                                          <img
                                             src="https://block.codescandy.com/assets/images/mobile-app/mobile-right-dark.png"
                                             alt="mobile right" class="img-fluid d-none dark-mode-block" />
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Expense-->

                           <!--Budget-->
                           <section class="">
                              <div class="container py-lg-8 py-5">
                                 <div
                                    class="row align-items-center gy-5 gy-lg-0 bg-warning bg-opacity-10 rounded-4 text-dark text-opacity-75">
                                    <div class="col-xl-7 col-lg-6 col-12 order-2 order-lg-1">
                                       <div class="d-flex justify-content-center mt-6">
                                          <img
                                             src="https://block.codescandy.com/assets/images/mobile-app/mobile-left-light.png"
                                             alt="mobile left" class="img-fluid dark-mode-none" />
                                          <img
                                             src="https://block.codescandy.com/assets/images/mobile-app/mobile-left-dark.png"
                                             alt="mobile left" class="img-fluid d-none dark-mode-block" />
                                       </div>
                                    </div>
                                    <div class="col-xl-4 col-lg-6 col-12 order-1 order-lg-2">
                                       <div class="d-flex flex-column gap-4">
                                          <div>
                                             <span
                                                class="badge bg-warning bg-opacity-10 border border-warning-subtle text-warning-emphasis rounded-pill py-2 px-3 text-uppercase small ls-md">
                                                planning tool
                                             </span>
                                          </div>
                                          <div class="d-flex flex-column gap-2">
                                             <h3 class="mb-0 fs-2">Budget Planner</h3>
                                             <div class="mt-3">
                                                <div class="d-flex align-items-center gap-3 mb-2">
                                                   <div class="icon-shape icon-lg bg-warning-subtle rounded-3">
                                                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M4.50656 9.75H19.4934C19.718 9.75114 19.9399 9.70186 20.1428 9.60579C20.3458 9.50973 20.5245 9.36933 20.666 9.19496C20.8074 9.02058 20.9079 8.81668 20.9601 8.59829C21.0122 8.37989 21.0146 8.15259 20.9672 7.93313C20.2706 4.64063 16.5 2.25 12 2.25C7.5 2.25 3.72937 4.64063 3.03281 7.93313C2.98538 8.15259 2.98782 8.37989 3.03995 8.59829C3.09208 8.81668 3.19257 9.02058 3.33401 9.19496C3.47546 9.36933 3.65424 9.50973 3.85718 9.60579C4.06012 9.70186 4.28204 9.75114 4.50656 9.75ZM12 3.75C15.7331 3.75 18.9572 5.68219 19.4934 8.25H4.50656L4.5 8.24344C5.04281 5.68219 8.26688 3.75 12 3.75ZM21.4931 14.295L17.6372 15.7013L14.1562 14.3034C13.9775 14.232 13.7781 14.232 13.5994 14.3034L10.1306 15.6919L6.65625 14.3034C6.4852 14.2351 6.29499 14.2321 6.12188 14.295L1.99687 15.795C1.82253 15.8717 1.68392 16.0119 1.60918 16.1871C1.53444 16.3624 1.52916 16.5594 1.59442 16.7384C1.65968 16.9173 1.79058 17.0648 1.96057 17.1507C2.13055 17.2367 2.32687 17.2548 2.50969 17.2013L3.75 16.7522V17.25C3.75 18.2446 4.14509 19.1984 4.84835 19.9016C5.55161 20.6049 6.50544 21 7.5 21H16.5C17.4946 21 18.4484 20.6049 19.1516 19.9016C19.8549 19.1984 20.25 18.2446 20.25 17.25V16.3434L22.0059 15.705C22.1044 15.6762 22.1959 15.6275 22.2748 15.5619C22.3537 15.4963 22.4183 15.4152 22.4646 15.3237C22.5109 15.2321 22.5379 15.132 22.544 15.0296C22.55 14.9272 22.535 14.8246 22.4999 14.7282C22.4647 14.6319 22.4102 14.5437 22.3396 14.4693C22.269 14.3948 22.1839 14.3356 22.0896 14.2953C21.9952 14.2551 21.8936 14.2346 21.791 14.2352C21.6884 14.2358 21.587 14.2574 21.4931 14.2987V14.295ZM18.75 17.25C18.75 17.8467 18.5129 18.419 18.091 18.841C17.669 19.2629 17.0967 19.5 16.5 19.5H7.5C6.90326 19.5 6.33097 19.2629 5.90901 18.841C5.48705 18.419 5.25 17.8467 5.25 17.25V16.2075L6.36281 15.8025L9.84375 17.1966C10.0225 17.268 10.2219 17.268 10.4006 17.1966L13.8694 15.8081L17.3381 17.1966C17.5092 17.2649 17.6994 17.2679 17.8725 17.205L18.7416 16.8891L18.75 17.25ZM1.5 12C1.5 11.8011 1.57902 11.6103 1.71967 11.4697C1.86032 11.329 2.05109 11.25 2.25 11.25H21.75C21.9489 11.25 22.1397 11.329 22.2803 11.4697C22.421 11.6103 22.5 11.8011 22.5 12C22.5 12.1989 22.421 12.3897 22.2803 12.5303C22.1397 12.671 21.9489 12.75 21.75 12.75H2.25C2.05109 12.75 1.86032 12.671 1.71967 12.5303C1.57902 12.3897 1.5 12.1989 1.5 12Z"
                                                            fill="#7A4F01" />
                                                      </svg>
                                                   </div>
                                                   <h3 class="fs-4 mb-0">Food & Drinks</h3>
                                                </div>
                                                <div>
                                                   <p class="mb-0">Track your spending effortlessly Lorem ipsum dolor
                                                      sit amet, consectetur adipiscing elit.</p>
                                                </div>
                                             </div>
                                             <div class="mt-3">
                                                <div class="d-flex align-items-center gap-3 mb-2">
                                                   <div class="icon-shape icon-lg bg-warning-subtle rounded-3">
                                                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M22.0856 12.0787L15 8.53687V4.5C15 3.70435 14.6839 2.94129 14.1213 2.37868C13.5587 1.81607 12.7956 1.5 12 1.5C11.2044 1.5 10.4413 1.81607 9.87868 2.37868C9.31607 2.94129 9 3.70435 9 4.5V8.53687L1.91438 12.0787C1.78977 12.1411 1.685 12.2369 1.61181 12.3555C1.53862 12.4741 1.4999 12.6107 1.5 12.75V15.75C1.50006 15.8609 1.52473 15.9705 1.57224 16.0707C1.61974 16.171 1.68889 16.2595 1.77471 16.3298C1.86053 16.4001 1.96087 16.4504 2.06851 16.4773C2.17615 16.5041 2.28841 16.5068 2.39719 16.485L9 15.165V16.9397L7.71937 18.2194C7.64975 18.2891 7.59454 18.3718 7.5569 18.4629C7.51926 18.5539 7.49992 18.6515 7.5 18.75V21.75C7.49979 21.8729 7.52979 21.994 7.58737 22.1026C7.64495 22.2112 7.72834 22.304 7.8302 22.3728C7.93206 22.4416 8.04927 22.4843 8.17152 22.4972C8.29377 22.51 8.4173 22.4927 8.53125 22.4466L12 21.0581L15.4688 22.4466C15.5827 22.4927 15.7062 22.51 15.8285 22.4972C15.9507 22.4843 16.0679 22.4416 16.1698 22.3728C16.2717 22.304 16.3551 22.2112 16.4126 22.1026C16.4702 21.994 16.5002 21.8729 16.5 21.75V18.75C16.5001 18.6515 16.4807 18.5539 16.4431 18.4629C16.4055 18.3718 16.3503 18.2891 16.2806 18.2194L15 16.9397V15.165L21.6028 16.485C21.7116 16.5068 21.8238 16.5041 21.9315 16.4773C22.0391 16.4504 22.1395 16.4001 22.2253 16.3298C22.3111 16.2595 22.3803 16.171 22.4278 16.0707C22.4753 15.9705 22.4999 15.8609 22.5 15.75V12.75C22.5001 12.6107 22.4614 12.4741 22.3882 12.3555C22.315 12.2369 22.2102 12.1411 22.0856 12.0787ZM21 14.835L14.3972 13.515C14.2884 13.4932 14.1762 13.4959 14.0685 13.5227C13.9609 13.5496 13.8605 13.5999 13.7747 13.6702C13.6889 13.7405 13.6197 13.829 13.5722 13.9293C13.5247 14.0295 13.5001 14.1391 13.5 14.25V17.25C13.4999 17.3485 13.5193 17.4461 13.5569 17.5371C13.5945 17.6282 13.6497 17.7109 13.7194 17.7806L15 19.0603V20.6419L12.2812 19.5534C12.1025 19.482 11.9031 19.482 11.7244 19.5534L9 20.6419V19.0603L10.2806 17.7806C10.3503 17.7109 10.4055 17.6282 10.4431 17.5371C10.4807 17.4461 10.5001 17.3485 10.5 17.25V14.25C10.4999 14.1391 10.4753 14.0295 10.4278 13.9293C10.3803 13.829 10.3111 13.7405 10.2253 13.6702C10.1395 13.5999 10.0391 13.5496 9.93149 13.5227C9.82385 13.4959 9.71159 13.4932 9.60281 13.515L3 14.835V13.2131L10.0856 9.67125C10.2102 9.6089 10.315 9.51307 10.3882 9.39451C10.4614 9.27594 10.5001 9.13933 10.5 9V4.5C10.5 4.10218 10.658 3.72064 10.9393 3.43934C11.2206 3.15804 11.6022 3 12 3C12.3978 3 12.7794 3.15804 13.0607 3.43934C13.342 3.72064 13.5 4.10218 13.5 4.5V9C13.4999 9.13933 13.5386 9.27594 13.6118 9.39451C13.685 9.51307 13.7898 9.6089 13.9144 9.67125L21 13.2131V14.835Z"
                                                            fill="#7A4F01" />
                                                      </svg>
                                                   </div>
                                                   <h3 class="fs-4 mb-0">Travels</h3>
                                                </div>
                                                <div>
                                                   <p class="mb-0">Track your spending effortlessly Lorem ipsum dolor
                                                      sit amet, consectetur adipiscing elit.</p>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Budget-->
                           <!--Investment-->
                           <section class="">
                              <div class="container py-5">
                                 <div
                                    class="row align-items-center gy-5 gy-lg-0 bg-primary bg-opacity-10 rounded-4 text-dark text-opacity-75">
                                    <div class="col-xl-6 offset-xl-1 col-lg-6 col-12">
                                       <div class="d-flex flex-column gap-4">
                                          <div>
                                             <span
                                                class="badge bg-primary bg-opacity-10 border border-primary-subtle text-primary-emphasis rounded-pill py-2 px-3 text-uppercase small ls-md">
                                                manage your money
                                             </span>
                                          </div>
                                          <div class="d-flex flex-column gap-2">
                                             <h3 class="mb-0 fs-2">Investment Insights</h3>
                                          </div>
                                          <div class="row g-4">
                                             <div class="col-md-6">
                                                <div class="icon-shape icon-lg bg-primary bg-opacity-10 rounded-2 mb-3">
                                                   <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                      xmlns="http://www.w3.org/2000/svg">
                                                      <path
                                                         d="M21.75 9C21.7504 8.93027 21.7409 8.86083 21.7219 8.79375L20.3766 4.0875C20.2861 3.77523 20.0971 3.50059 19.8378 3.30459C19.5784 3.10858 19.2626 3.00174 18.9375 3H5.0625C4.73741 3.00174 4.4216 3.10858 4.16223 3.30459C3.90287 3.50059 3.71386 3.77523 3.62344 4.0875L2.27906 8.79375C2.2597 8.86079 2.24991 8.93022 2.25 9V10.5C2.25 11.0822 2.38554 11.6563 2.6459 12.1771C2.90625 12.6978 3.28427 13.1507 3.75 13.5V19.5C3.75 19.8978 3.90804 20.2794 4.18934 20.5607C4.47064 20.842 4.85218 21 5.25 21H18.75C19.1478 21 19.5294 20.842 19.8107 20.5607C20.092 20.2794 20.25 19.8978 20.25 19.5V13.5C20.7157 13.1507 21.0937 12.6978 21.3541 12.1771C21.6145 11.6563 21.75 11.0822 21.75 10.5V9ZM5.0625 4.5H18.9375L20.0081 8.25H3.99469L5.0625 4.5ZM9.75 9.75H14.25V10.5C14.25 11.0967 14.0129 11.669 13.591 12.091C13.169 12.5129 12.5967 12.75 12 12.75C11.4033 12.75 10.831 12.5129 10.409 12.091C9.98705 11.669 9.75 11.0967 9.75 10.5V9.75ZM8.25 9.75V10.5C8.25 11.0967 8.01295 11.669 7.59099 12.091C7.16903 12.5129 6.59674 12.75 6 12.75C5.40326 12.75 4.83097 12.5129 4.40901 12.091C3.98705 11.669 3.75 11.0967 3.75 10.5V9.75H8.25ZM18.75 19.5H5.25V14.175C5.4969 14.2248 5.74813 14.2499 6 14.25C6.58217 14.25 7.15634 14.1145 7.67705 13.8541C8.19776 13.5937 8.6507 13.2157 9 12.75C9.3493 13.2157 9.80224 13.5937 10.3229 13.8541C10.8437 14.1145 11.4178 14.25 12 14.25C12.5822 14.25 13.1563 14.1145 13.6771 13.8541C14.1978 13.5937 14.6507 13.2157 15 12.75C15.3493 13.2157 15.8022 13.5937 16.3229 13.8541C16.8437 14.1145 17.4178 14.25 18 14.25C18.2519 14.2499 18.5031 14.2248 18.75 14.175V19.5ZM18 12.75C17.4033 12.75 16.831 12.5129 16.409 12.091C15.9871 11.669 15.75 11.0967 15.75 10.5V9.75H20.25V10.5C20.25 11.0967 20.0129 11.669 19.591 12.091C19.169 12.5129 18.5967 12.75 18 12.75Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                                <div>
                                                   <h4 class="mb-1">Access to market inside</h4>
                                                   <p class="mb-0">Very popular during the Renaissance. The firs Landom
                                                      text</p>
                                                </div>
                                             </div>
                                             <div class="col-md-6">
                                                <div class="icon-shape icon-lg bg-primary bg-opacity-10 rounded-2 mb-3">
                                                   <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                      xmlns="http://www.w3.org/2000/svg">
                                                      <path
                                                         d="M16.5 21.75C16.5 21.9489 16.421 22.1396 16.2803 22.2803C16.1397 22.4209 15.9489 22.5 15.75 22.5H8.25C8.05109 22.5 7.86032 22.4209 7.71967 22.2803C7.57902 22.1396 7.5 21.9489 7.5 21.75C7.5 21.551 7.57902 21.3603 7.71967 21.2196C7.86032 21.079 8.05109 21 8.25 21H15.75C15.9489 21 16.1397 21.079 16.2803 21.2196C16.421 21.3603 16.5 21.551 16.5 21.75ZM20.25 9.74995C20.2532 11.0002 19.9708 12.2347 19.4242 13.3592C18.8776 14.4837 18.0814 15.4685 17.0962 16.2384C16.912 16.3796 16.7626 16.561 16.6592 16.7688C16.5559 16.9767 16.5014 17.2054 16.5 17.4375V18C16.5 18.3978 16.342 18.7793 16.0607 19.0606C15.7794 19.3419 15.3978 19.5 15 19.5H9C8.60218 19.5 8.22064 19.3419 7.93934 19.0606C7.65804 18.7793 7.5 18.3978 7.5 18V17.4375C7.49985 17.2081 7.44712 16.9819 7.34587 16.7762C7.24462 16.5704 7.09754 16.3906 6.91594 16.2506C5.93338 15.4853 5.13774 14.5066 4.58925 13.3885C4.04075 12.2704 3.75376 11.0422 3.75 9.79683C3.72563 5.32777 7.33688 1.60777 11.8013 1.49995C12.9013 1.47345 13.9955 1.66725 15.0195 2.06997C16.0434 2.47269 16.9765 3.07617 17.7638 3.84491C18.551 4.61365 19.1766 5.53211 19.6035 6.54622C20.0305 7.56034 20.2503 8.64962 20.25 9.74995ZM18.75 9.74995C18.7503 8.84964 18.5704 7.95836 18.221 7.1286C17.8717 6.29883 17.3598 5.54735 16.7156 4.91837C16.0715 4.28939 15.308 3.79564 14.4701 3.46618C13.6322 3.13671 12.7369 2.9782 11.8369 2.99995C8.18063 3.0862 5.23031 6.13027 5.25 9.78652C5.25336 10.8052 5.4884 11.8098 5.93733 12.7242C6.38627 13.6386 7.03733 14.439 7.84125 15.0646C8.2026 15.3456 8.49489 15.7054 8.69574 16.1167C8.89658 16.528 9.00066 16.9798 9 17.4375V18H11.25V13.8103L8.46937 11.0306C8.32864 10.8898 8.24958 10.699 8.24958 10.5C8.24958 10.3009 8.32864 10.1101 8.46937 9.96933C8.61011 9.8286 8.80098 9.74954 9 9.74954C9.19902 9.74954 9.38989 9.8286 9.53063 9.96933L12 12.4396L14.4694 9.96933C14.5391 9.89964 14.6218 9.84437 14.7128 9.80666C14.8039 9.76895 14.9015 9.74954 15 9.74954C15.0985 9.74954 15.1961 9.76895 15.2872 9.80666C15.3782 9.84437 15.4609 9.89964 15.5306 9.96933C15.6003 10.039 15.6556 10.1217 15.6933 10.2128C15.731 10.3038 15.7504 10.4014 15.7504 10.5C15.7504 10.5985 15.731 10.6961 15.6933 10.7871C15.6556 10.8782 15.6003 10.9609 15.5306 11.0306L12.75 13.8103V18H15V17.4375C15.0008 16.9784 15.1066 16.5256 15.3092 16.1137C15.5118 15.7018 15.8059 15.3417 16.1691 15.0609C16.9754 14.4307 17.6271 13.6247 18.0744 12.7042C18.5217 11.7838 18.7528 10.7733 18.75 9.74995Z"
                                                         fill="#8B3DFF" />
                                                   </svg>
                                                </div>
                                                <div>
                                                   <h4 class="mb-1">Expertise and Knowledge</h4>
                                                   <p class="mb-0">Very popular during the Renaissance. The firs Landom
                                                      text</p>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-xl-5 col-lg-6 col-12">
                                       <div class="d-flex justify-content-center mt-6">
                                          <img
                                             src="https://block.codescandy.com/assets/images/mobile-app/mobile-front-light.png"
                                             alt="mobile front" class="img-fluid dark-mode-none" />
                                          <img
                                             src="https://block.codescandy.com/assets/images/mobile-app/mobile-front-dark.png"
                                             alt="mobile front" class="img-fluid d-none dark-mode-block" />
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--investment-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-fifteen-code" role="tabpanel"
                           aria-labelledby="pills-client-fifteen-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"> <span class="token comment">&lt;!--Management--&gt;</span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-6 offset-xl-3 col-lg-8 mx-auto col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-4 text-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex justify-content-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>badge bg-white text-muted border border-light-subtle rounded-pill text-uppercase fw-semibold py-2 px-3 small ls-md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Features<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 display-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Smart features for smarter financial management<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token comment">&lt;!--Management--&gt;</span>
                                 <span class="token comment">&lt;!--Expense--&gt;</span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center gy-5 gy-lg-0 bg-success bg-opacity-10 rounded-4 text-dark text-opacity-75<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-5 offset-xl-1 col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>badge bg-success bg-opacity-10 border border-success text-success rounded-pill py-2 px-3 text-uppercase ls-md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Wallet Budget<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 fs-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Expense Tracking<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Track your spending effortlessly Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin volutpat mollis egestas.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>list-unstyled mb-0 d-flex flex-column gap-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-row gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle text-success<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                                  <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>Consectetur adipiscing elit.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-row gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle text-success<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                                  <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>Fusce interdum diam eu mauris<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-row gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>16<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-check-circle text-success<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span> <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                                  <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>Maecenas nec arcu in libero gravida<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-link icon-link-hover link-success<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">&gt;</span></span>Learn More<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>14<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>currentColor<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bi bi-arrow-right<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 16 16<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                         <span class="token attr-name">fill-rule</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>evenodd<span class="token punctuation">"</span></span>
                                                         <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-5 col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex justify-content-center mt-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/mobile-right-light.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mobile right<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid dark-mode-none<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/mobile-right-dark.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mobile right<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid d-none dark-mode-block<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token comment">&lt;!--Expense--&gt;</span>

                                 <span class="token comment">&lt;!--Budget--&gt;</span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container py-lg-8 py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center gy-5 gy-lg-0 bg-warning bg-opacity-10 rounded-4 text-dark text-opacity-75<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-7 col-lg-6 col-12 order-2 order-lg-1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex justify-content-center mt-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/mobile-left-light.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mobile left<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid dark-mode-none<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/mobile-left-dark.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mobile left<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid d-none dark-mode-block<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-4 col-lg-6 col-12 order-1 order-lg-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>badge bg-warning bg-opacity-10 border border-warning-subtle text-warning-emphasis rounded-pill py-2 px-3 text-uppercase small ls-md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      planning tool
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 fs-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Budget Planner<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mt-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex align-items-center gap-3 mb-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-warning-subtle rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 24 24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                                  <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M4.50656 9.75H19.4934C19.718 9.75114 19.9399 9.70186 20.1428 9.60579C20.3458 9.50973 20.5245 9.36933 20.666 9.19496C20.8074 9.02058 20.9079 8.81668 20.9601 8.59829C21.0122 8.37989 21.0146 8.15259 20.9672 7.93313C20.2706 4.64063 16.5 2.25 12 2.25C7.5 2.25 3.72937 4.64063 3.03281 7.93313C2.98538 8.15259 2.98782 8.37989 3.03995 8.59829C3.09208 8.81668 3.19257 9.02058 3.33401 9.19496C3.47546 9.36933 3.65424 9.50973 3.85718 9.60579C4.06012 9.70186 4.28204 9.75114 4.50656 9.75ZM12 3.75C15.7331 3.75 18.9572 5.68219 19.4934 8.25H4.50656L4.5 8.24344C5.04281 5.68219 8.26688 3.75 12 3.75ZM21.4931 14.295L17.6372 15.7013L14.1562 14.3034C13.9775 14.232 13.7781 14.232 13.5994 14.3034L10.1306 15.6919L6.65625 14.3034C6.4852 14.2351 6.29499 14.2321 6.12188 14.295L1.99687 15.795C1.82253 15.8717 1.68392 16.0119 1.60918 16.1871C1.53444 16.3624 1.52916 16.5594 1.59442 16.7384C1.65968 16.9173 1.79058 17.0648 1.96057 17.1507C2.13055 17.2367 2.32687 17.2548 2.50969 17.2013L3.75 16.7522V17.25C3.75 18.2446 4.14509 19.1984 4.84835 19.9016C5.55161 20.6049 6.50544 21 7.5 21H16.5C17.4946 21 18.4484 20.6049 19.1516 19.9016C19.8549 19.1984 20.25 18.2446 20.25 17.25V16.3434L22.0059 15.705C22.1044 15.6762 22.1959 15.6275 22.2748 15.5619C22.3537 15.4963 22.4183 15.4152 22.4646 15.3237C22.5109 15.2321 22.5379 15.132 22.544 15.0296C22.55 14.9272 22.535 14.8246 22.4999 14.7282C22.4647 14.6319 22.4102 14.5437 22.3396 14.4693C22.269 14.3948 22.1839 14.3356 22.0896 14.2953C21.9952 14.2551 21.8936 14.2346 21.791 14.2352C21.6884 14.2358 21.587 14.2574 21.4931 14.2987V14.295ZM18.75 17.25C18.75 17.8467 18.5129 18.419 18.091 18.841C17.669 19.2629 17.0967 19.5 16.5 19.5H7.5C6.90326 19.5 6.33097 19.2629 5.90901 18.841C5.48705 18.419 5.25 17.8467 5.25 17.25V16.2075L6.36281 15.8025L9.84375 17.1966C10.0225 17.268 10.2219 17.268 10.4006 17.1966L13.8694 15.8081L17.3381 17.1966C17.5092 17.2649 17.6994 17.2679 17.8725 17.205L18.7416 16.8891L18.75 17.25ZM1.5 12C1.5 11.8011 1.57902 11.6103 1.71967 11.4697C1.86032 11.329 2.05109 11.25 2.25 11.25H21.75C21.9489 11.25 22.1397 11.329 22.2803 11.4697C22.421 11.6103 22.5 11.8011 22.5 12C22.5 12.1989 22.421 12.3897 22.2803 12.5303C22.1397 12.671 21.9489 12.75 21.75 12.75H2.25C2.05109 12.75 1.86032 12.671 1.71967 12.5303C1.57902 12.3897 1.5 12.1989 1.5 12Z<span class="token punctuation">"</span></span>
                                                                  <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#7A4F01<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fs-4 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Food &amp; Drinks<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Track your spending effortlessly Lorem ipsum dolor sit amet, consectetur adipiscing elit.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mt-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex align-items-center gap-3 mb-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-warning-subtle rounded-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 24 24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                               <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                                  <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M22.0856 12.0787L15 8.53687V4.5C15 3.70435 14.6839 2.94129 14.1213 2.37868C13.5587 1.81607 12.7956 1.5 12 1.5C11.2044 1.5 10.4413 1.81607 9.87868 2.37868C9.31607 2.94129 9 3.70435 9 4.5V8.53687L1.91438 12.0787C1.78977 12.1411 1.685 12.2369 1.61181 12.3555C1.53862 12.4741 1.4999 12.6107 1.5 12.75V15.75C1.50006 15.8609 1.52473 15.9705 1.57224 16.0707C1.61974 16.171 1.68889 16.2595 1.77471 16.3298C1.86053 16.4001 1.96087 16.4504 2.06851 16.4773C2.17615 16.5041 2.28841 16.5068 2.39719 16.485L9 15.165V16.9397L7.71937 18.2194C7.64975 18.2891 7.59454 18.3718 7.5569 18.4629C7.51926 18.5539 7.49992 18.6515 7.5 18.75V21.75C7.49979 21.8729 7.52979 21.994 7.58737 22.1026C7.64495 22.2112 7.72834 22.304 7.8302 22.3728C7.93206 22.4416 8.04927 22.4843 8.17152 22.4972C8.29377 22.51 8.4173 22.4927 8.53125 22.4466L12 21.0581L15.4688 22.4466C15.5827 22.4927 15.7062 22.51 15.8285 22.4972C15.9507 22.4843 16.0679 22.4416 16.1698 22.3728C16.2717 22.304 16.3551 22.2112 16.4126 22.1026C16.4702 21.994 16.5002 21.8729 16.5 21.75V18.75C16.5001 18.6515 16.4807 18.5539 16.4431 18.4629C16.4055 18.3718 16.3503 18.2891 16.2806 18.2194L15 16.9397V15.165L21.6028 16.485C21.7116 16.5068 21.8238 16.5041 21.9315 16.4773C22.0391 16.4504 22.1395 16.4001 22.2253 16.3298C22.3111 16.2595 22.3803 16.171 22.4278 16.0707C22.4753 15.9705 22.4999 15.8609 22.5 15.75V12.75C22.5001 12.6107 22.4614 12.4741 22.3882 12.3555C22.315 12.2369 22.2102 12.1411 22.0856 12.0787ZM21 14.835L14.3972 13.515C14.2884 13.4932 14.1762 13.4959 14.0685 13.5227C13.9609 13.5496 13.8605 13.5999 13.7747 13.6702C13.6889 13.7405 13.6197 13.829 13.5722 13.9293C13.5247 14.0295 13.5001 14.1391 13.5 14.25V17.25C13.4999 17.3485 13.5193 17.4461 13.5569 17.5371C13.5945 17.6282 13.6497 17.7109 13.7194 17.7806L15 19.0603V20.6419L12.2812 19.5534C12.1025 19.482 11.9031 19.482 11.7244 19.5534L9 20.6419V19.0603L10.2806 17.7806C10.3503 17.7109 10.4055 17.6282 10.4431 17.5371C10.4807 17.4461 10.5001 17.3485 10.5 17.25V14.25C10.4999 14.1391 10.4753 14.0295 10.4278 13.9293C10.3803 13.829 10.3111 13.7405 10.2253 13.6702C10.1395 13.5999 10.0391 13.5496 9.93149 13.5227C9.82385 13.4959 9.71159 13.4932 9.60281 13.515L3 14.835V13.2131L10.0856 9.67125C10.2102 9.6089 10.315 9.51307 10.3882 9.39451C10.4614 9.27594 10.5001 9.13933 10.5 9V4.5C10.5 4.10218 10.658 3.72064 10.9393 3.43934C11.2206 3.15804 11.6022 3 12 3C12.3978 3 12.7794 3.15804 13.0607 3.43934C13.342 3.72064 13.5 4.10218 13.5 4.5V9C13.4999 9.13933 13.5386 9.27594 13.6118 9.39451C13.685 9.51307 13.7898 9.6089 13.9144 9.67125L21 13.2131V14.835Z<span class="token punctuation">"</span></span>
                                                                  <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#7A4F01<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fs-4 mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Travels<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Track your spending effortlessly Lorem ipsum dolor sit amet, consectetur adipiscing elit.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token comment">&lt;!--Budget--&gt;</span>
                                 <span class="token comment">&lt;!--Investment--&gt;</span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container py-5<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row align-items-center gy-5 gy-lg-0 bg-primary bg-opacity-10 rounded-4 text-dark text-opacity-75<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-6 offset-xl-1 col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>badge bg-primary bg-opacity-10 border border-primary-subtle text-primary-emphasis rounded-pill py-2 px-3 text-uppercase small ls-md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      manage your money
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 fs-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Investment Insights<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row g-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 rounded-2 mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 24 24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                               <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M21.75 9C21.7504 8.93027 21.7409 8.86083 21.7219 8.79375L20.3766 4.0875C20.2861 3.77523 20.0971 3.50059 19.8378 3.30459C19.5784 3.10858 19.2626 3.00174 18.9375 3H5.0625C4.73741 3.00174 4.4216 3.10858 4.16223 3.30459C3.90287 3.50059 3.71386 3.77523 3.62344 4.0875L2.27906 8.79375C2.2597 8.86079 2.24991 8.93022 2.25 9V10.5C2.25 11.0822 2.38554 11.6563 2.6459 12.1771C2.90625 12.6978 3.28427 13.1507 3.75 13.5V19.5C3.75 19.8978 3.90804 20.2794 4.18934 20.5607C4.47064 20.842 4.85218 21 5.25 21H18.75C19.1478 21 19.5294 20.842 19.8107 20.5607C20.092 20.2794 20.25 19.8978 20.25 19.5V13.5C20.7157 13.1507 21.0937 12.6978 21.3541 12.1771C21.6145 11.6563 21.75 11.0822 21.75 10.5V9ZM5.0625 4.5H18.9375L20.0081 8.25H3.99469L5.0625 4.5ZM9.75 9.75H14.25V10.5C14.25 11.0967 14.0129 11.669 13.591 12.091C13.169 12.5129 12.5967 12.75 12 12.75C11.4033 12.75 10.831 12.5129 10.409 12.091C9.98705 11.669 9.75 11.0967 9.75 10.5V9.75ZM8.25 9.75V10.5C8.25 11.0967 8.01295 11.669 7.59099 12.091C7.16903 12.5129 6.59674 12.75 6 12.75C5.40326 12.75 4.83097 12.5129 4.40901 12.091C3.98705 11.669 3.75 11.0967 3.75 10.5V9.75H8.25ZM18.75 19.5H5.25V14.175C5.4969 14.2248 5.74813 14.2499 6 14.25C6.58217 14.25 7.15634 14.1145 7.67705 13.8541C8.19776 13.5937 8.6507 13.2157 9 12.75C9.3493 13.2157 9.80224 13.5937 10.3229 13.8541C10.8437 14.1145 11.4178 14.25 12 14.25C12.5822 14.25 13.1563 14.1145 13.6771 13.8541C14.1978 13.5937 14.6507 13.2157 15 12.75C15.3493 13.2157 15.8022 13.5937 16.3229 13.8541C16.8437 14.1145 17.4178 14.25 18 14.25C18.2519 14.2499 18.5031 14.2248 18.75 14.175V19.5ZM18 12.75C17.4033 12.75 16.831 12.5129 16.409 12.091C15.9871 11.669 15.75 11.0967 15.75 10.5V9.75H20.25V10.5C20.25 11.0967 20.0129 11.669 19.591 12.091C19.169 12.5129 18.5967 12.75 18 12.75Z<span class="token punctuation">"</span></span>
                                                               <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Access to market inside<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Very popular during the Renaissance. The firs Landom text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>icon-shape icon-lg bg-primary bg-opacity-10 rounded-2 mb-3<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>svg</span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">viewBox</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0 0 24 24<span class="token punctuation">"</span></span> <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>none<span class="token punctuation">"</span></span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/2000/svg<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>path</span>
                                                               <span class="token attr-name">d</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>M16.5 21.75C16.5 21.9489 16.421 22.1396 16.2803 22.2803C16.1397 22.4209 15.9489 22.5 15.75 22.5H8.25C8.05109 22.5 7.86032 22.4209 7.71967 22.2803C7.57902 22.1396 7.5 21.9489 7.5 21.75C7.5 21.551 7.57902 21.3603 7.71967 21.2196C7.86032 21.079 8.05109 21 8.25 21H15.75C15.9489 21 16.1397 21.079 16.2803 21.2196C16.421 21.3603 16.5 21.551 16.5 21.75ZM20.25 9.74995C20.2532 11.0002 19.9708 12.2347 19.4242 13.3592C18.8776 14.4837 18.0814 15.4685 17.0962 16.2384C16.912 16.3796 16.7626 16.561 16.6592 16.7688C16.5559 16.9767 16.5014 17.2054 16.5 17.4375V18C16.5 18.3978 16.342 18.7793 16.0607 19.0606C15.7794 19.3419 15.3978 19.5 15 19.5H9C8.60218 19.5 8.22064 19.3419 7.93934 19.0606C7.65804 18.7793 7.5 18.3978 7.5 18V17.4375C7.49985 17.2081 7.44712 16.9819 7.34587 16.7762C7.24462 16.5704 7.09754 16.3906 6.91594 16.2506C5.93338 15.4853 5.13774 14.5066 4.58925 13.3885C4.04075 12.2704 3.75376 11.0422 3.75 9.79683C3.72563 5.32777 7.33688 1.60777 11.8013 1.49995C12.9013 1.47345 13.9955 1.66725 15.0195 2.06997C16.0434 2.47269 16.9765 3.07617 17.7638 3.84491C18.551 4.61365 19.1766 5.53211 19.6035 6.54622C20.0305 7.56034 20.2503 8.64962 20.25 9.74995ZM18.75 9.74995C18.7503 8.84964 18.5704 7.95836 18.221 7.1286C17.8717 6.29883 17.3598 5.54735 16.7156 4.91837C16.0715 4.28939 15.308 3.79564 14.4701 3.46618C13.6322 3.13671 12.7369 2.9782 11.8369 2.99995C8.18063 3.0862 5.23031 6.13027 5.25 9.78652C5.25336 10.8052 5.4884 11.8098 5.93733 12.7242C6.38627 13.6386 7.03733 14.439 7.84125 15.0646C8.2026 15.3456 8.49489 15.7054 8.69574 16.1167C8.89658 16.528 9.00066 16.9798 9 17.4375V18H11.25V13.8103L8.46937 11.0306C8.32864 10.8898 8.24958 10.699 8.24958 10.5C8.24958 10.3009 8.32864 10.1101 8.46937 9.96933C8.61011 9.8286 8.80098 9.74954 9 9.74954C9.19902 9.74954 9.38989 9.8286 9.53063 9.96933L12 12.4396L14.4694 9.96933C14.5391 9.89964 14.6218 9.84437 14.7128 9.80666C14.8039 9.76895 14.9015 9.74954 15 9.74954C15.0985 9.74954 15.1961 9.76895 15.2872 9.80666C15.3782 9.84437 15.4609 9.89964 15.5306 9.96933C15.6003 10.039 15.6556 10.1217 15.6933 10.2128C15.731 10.3038 15.7504 10.4014 15.7504 10.5C15.7504 10.5985 15.731 10.6961 15.6933 10.7871C15.6556 10.8782 15.6003 10.9609 15.5306 11.0306L12.75 13.8103V18H15V17.4375C15.0008 16.9784 15.1066 16.5256 15.3092 16.1137C15.5118 15.7018 15.8059 15.3417 16.1691 15.0609C16.9754 14.4307 17.6271 13.6247 18.0744 12.7042C18.5217 11.7838 18.7528 10.7733 18.75 9.74995Z<span class="token punctuation">"</span></span>
                                                               <span class="token attr-name">fill</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#8B3DFF<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>svg</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h4</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-1<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Expertise and Knowledge<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h4</span><span class="token punctuation">&gt;</span></span>
                                                         <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Very popular during the Renaissance. The firs Landom text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-xl-5 col-lg-6 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex justify-content-center mt-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/mobile-front-light.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mobile front<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid dark-mode-none<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/mobile-front-dark.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mobile front<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img-fluid d-none dark-mode-block<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token comment">&lt;!--investment--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mb-lg-7 mb-5">
               <div class="row align-items-center">
                  <div class="col-lg-8 col-xl-9 col-7">
                     <div>
                        <h2 class="text-truncate h5 mb-0">Feature #16</h2>
                     </div>
                  </div>
                  <div class="col-lg-4 col-xl-3 col-5 d-flex justify-content-end">
                     <ul class="nav nav-pills nav-custom-pill" id="pills-tabTwo" role="tablist">
                        <li class="nav-item">
                           <a class="nav-link active" id="pills-client-sixteen-preview-tab" data-bs-toggle="pill"
                              href="#pills-client-sixteen-preview" role="tab"
                              aria-controls="pills-client-sixteen-preview" aria-selected="true">
                              <span class="lh-1"><i class="bi bi-eye"></i></span>
                              <span class="ms-2 d-none d-lg-block">Preview</span>
                           </a>
                        </li>
                        <li class="nav-item">
                           <a class="nav-link" id="pills-client-sixteen-code-tab" data-bs-toggle="pill"
                              href="#pills-client-sixteen-code" role="tab" aria-controls="pills-client-sixteen-code"
                              aria-selected="false">
                              <span class="lh-1"><i class="bi bi-code"></i></span>
                              <span class="ms-2 d-none d-lg-block">Code</span>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <div class="tab-content border mt-3 p-3 rounded-2" id="pills-tabTwoContent">
                        <div class="tab-pane tab-example-preview fade show active" id="pills-client-sixteen-preview"
                           role="tabpanel" aria-labelledby="pills-client-sixteen-preview-tab">
                           <!--Priority-->
                           <section class="py-xl-9 py-6">
                              <div class="container">
                                 <div class="row mb-6">
                                    <div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
                                       <div class="d-flex flex-column gap-4 text-center">
                                          <div class="d-flex justify-content-center">
                                             <span
                                                class="badge bg-white text-muted border border-light-subtle rounded-pill text-uppercase fw-semibold py-2 px-3 small ls-md">Security</span>
                                          </div>
                                          <div class="d-flex flex-column gap-2">
                                             <h2 class="mb-0 display-6">Your Security is Our Priority</h2>
                                             <p class="mb-0">
                                                Your security and privacy at the heart of
                                                <span class="text-primary">[App name]</span>
                                                , because we know there’s no room for compromise when it comes to money.
                                             </p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="row gy-lg-6 gy-4">
                                    <div class="col-lg-4 col-md-6">
                                       <div class="d-flex flex-column gap-5 p-xxl-6 text-center p-3 card card-lift">
                                          <div><img
                                                src="https://block.codescandy.com/assets/images/mobile-app/security.svg"
                                                alt="security" /></div>
                                          <div class="d-flex flex-column gap-2">
                                             <h3 class="h4">Bank-Level Security</h3>
                                             <p class="mb-0">256-bit encryption to protect your data. We support face &
                                                fingerprint ID and use 256-bit TLS encryption.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="d-flex flex-column gap-5 p-xxl-6 text-center p-3 card card-lift">
                                          <div><img
                                                src="https://block.codescandy.com/assets/images/mobile-app/privacy.svg"
                                                alt="privacy" /></div>
                                          <div class="d-flex flex-column gap-2">
                                             <h3 class="h4">Privacy Protection</h3>
                                             <p class="mb-0">Your data is private and secure. We never share your data
                                                with any other parties without your consent.</p>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6">
                                       <div class="d-flex flex-column gap-5 p-xxl-6 text-center p-3 card card-lift">
                                          <div><img
                                                src="https://block.codescandy.com/assets/images/mobile-app/authentication.svg"
                                                alt="authentication" /></div>
                                          <div class="d-flex flex-column gap-2">
                                             <h3 class="h4">Multi-Factor Authentication</h3>
                                             <p class="mb-0">A multi-step account login process that requires users to
                                                provide more than just a password to access</p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </section>
                           <!--Priority-->
                        </div>
                        <div class="tab-pane tab-example-code fade" id="pills-client-sixteen-code" role="tabpanel"
                           aria-labelledby="pills-client-sixteen-code-tab">
                           <pre class="language-markup" tabindex="0"><code class="language-markup"><span class="token comment">&lt;!--Priority--&gt;</span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>section</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>py-xl-9 py-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row mb-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-4 text-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex justify-content-center<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>badge bg-white text-muted border border-light-subtle rounded-pill text-uppercase fw-semibold py-2 px-3 small ls-md<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Security<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h2</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0 display-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Your Security is Our Priority<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h2</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                      Your security and privacy at the heart of
                                                      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text-primary<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>[App name]<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">&gt;</span></span>
                                                      , because we know there’s no room for compromise when it comes to money.
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row gy-lg-6 gy-4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-5 p-xxl-6 text-center p-3 card card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/security.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>security<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>h4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Bank-Level Security<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>256-bit encryption to protect your data. We support face &amp; fingerprint ID and use 256-bit TLS encryption.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-5 p-xxl-6 text-center p-3 card card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/privacy.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>privacy<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>h4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Privacy Protection<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Your data is private and secure. We never share your data with any other parties without your consent.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col-lg-4 col-md-6<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-5 p-xxl-6 text-center p-3 card card-lift<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://block.codescandy.com/assets/images/mobile-app/authentication.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>authentication<span class="token punctuation">"</span></span> <span class="token punctuation">/&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>d-flex flex-column gap-2<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h3</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>h4<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>Multi-Factor Authentication<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h3</span><span class="token punctuation">&gt;</span></span>
                                                   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mb-0<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>A multi-step account login process that requires users to provide more than just a password to access<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
                                                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                             <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                       <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>section</span><span class="token punctuation">&gt;</span></span>
                                 <span class="token comment">&lt;!--Priority--&gt;</span></code></pre>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
   </main>
   <footer class="pt-7">
      <div class="container">
         <!-- Footer 4 column -->
         <div class="row">
            <div class="col-lg-9 col-12">
               <div class="row" id="ft-links">
                  <div class="col-lg-3 col-12">
                     <div class="position-relative">
                        <div class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                           <h4>Service</h4>
                           <a class="d-block d-lg-none stretched-link text-body" data-bs-toggle="collapse"
                              href="#collapseLanding" role="button" aria-expanded="true"
                              aria-controls="collapseLanding">
                              <i class="bi bi-chevron-down"></i>
                           </a>
                        </div>
                        <div class="d-lg-block collapse show" id="collapseLanding" data-bs-parent="#ft-links" style="">
                           <ul class="list-unstyled mb-0 py-3 py-lg-0">
                              <li class="mb-2">
                                 <a href="./index.html" class="text-decoration-none text-reset">Web App Development</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Front End Development</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">MVP Development</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Digital Marketing</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Content Writing</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-12">
                     <div>
                        <div
                           class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                           <h4>About us</h4>
                           <a class="d-block d-lg-none stretched-link text-body collapsed" data-bs-toggle="collapse"
                              href="#collapseAccounts" role="button" aria-expanded="false"
                              aria-controls="collapseAccounts">
                              <i class="bi bi-chevron-down"></i>
                           </a>
                        </div>
                        <div class="collapse d-lg-block" id="collapseAccounts" data-bs-parent="#ft-links">
                           <ul class="list-unstyled mb-0 py-3 py-lg-0">
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Case Studies</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Blog</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Services</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">About</a>
                              </li>
                              <li class="mb-2">
                                 <a href="#!" class="text-decoration-none text-reset">Career</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-12">
                     <div
                        class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                        <h4>Technology</h4>
                        <a class="d-block d-lg-none stretched-link text-body collapsed" data-bs-toggle="collapse"
                           href="#collapseResources" role="button" aria-expanded="false"
                           aria-controls="collapseResources">
                           <i class="bi bi-chevron-down"></i>
                        </a>
                     </div>
                     <div class="collapse d-lg-block" id="collapseResources" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                           <li class="mb-2">
                              <a href="./docs/index.html" class="text-decoration-none text-reset">Next.js</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Sanity</a>
                           </li>
                           <li class="mb-2">
                              <a href="./changelog.html" class="text-decoration-none text-reset">Content ful</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Vercel</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Netlify</a>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-lg-3 col-12">
                     <div
                        class="mb-3 pb-2 d-flex justify-content-between border-bottom border-bottom-lg-0 position-relative">
                        <h4>Locations</h4>
                        <a class="d-block d-lg-none stretched-link text-body collapsed" data-bs-toggle="collapse"
                           href="#collapseLocations" role="button" aria-expanded="false"
                           aria-controls="collapseLocations">
                           <i class="bi bi-chevron-down"></i>
                        </a>
                     </div>
                     <div class="collapse d-lg-block" id="collapseLocations" data-bs-parent="#ft-links">
                        <ul class="list-unstyled mb-0 py-3 py-lg-0">
                           <li class="mb-2">
                              <a href="./docs/index.html" class="text-decoration-none text-reset">India</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Australia</a>
                           </li>
                           <li class="mb-2">
                              <a href="./changelog.html" class="text-decoration-none text-reset">Brazil</a>
                           </li>
                           <li class="mb-2">
                              <a href="#!" class="text-decoration-none text-reset">Canada</a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-lg-3 col-12">
               <div class="me-7">
                  <h4 class="mb-4">Headquarters</h4>
                  <p class="text-body-secondary">Codescandy, 412, Residency Rd, Shanthala Nagar, Ashok Nagar, Bengaluru,
                     Karnataka, India 560025</p>
               </div>
            </div>
         </div>
      </div>
      <div class="container mt-7 pt-lg-7 pb-4">
         <div class="row align-items-center">
            <div class="col-md-3">
               <a class="mb-4 mb-lg-0 d-block text-inverse" href="../index.html"><img
                     src="https://block.codescandy.com/assets/images/logo/logo.svg" alt="" /></a>
            </div>
            <div class="col-md-9 col-lg-6">
               <div class="small mb-3 mb-lg-0 text-lg-center">
                  Copyright © 2024

                  <span class="text-primary"><a href="#">Block Bootstrap 5 Theme</a></span>
                  | Designed by
                  <span class="text-primary"><a href="#">CodesCandy</a></span>
               </div>
            </div>
            <div class="col-lg-3">
               <div class="text-lg-end d-flex align-items-center justify-content-lg-end">
                  <div class="dropdown">
                     <button class="btn btn-light btn-icon rounded-circle d-flex align-items-center" type="button"
                        aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
                        <i class="bi theme-icon-active lh-1"><i class="bi theme-icon bi-sun-fill"></i></i>
                        <span class="visually-hidden bs-theme-text">Toggle theme</span>
                     </button>
                     <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bs-theme-text">
                        <li>
                           <button type="button" class="dropdown-item d-flex align-items-center active"
                              data-bs-theme-value="light" aria-pressed="true">
                              <i class="bi theme-icon bi-sun-fill"></i>
                              <span class="ms-2">Light</span>
                           </button>
                        </li>
                        <li>
                           <button type="button" class="dropdown-item d-flex align-items-center"
                              data-bs-theme-value="dark" aria-pressed="false">
                              <i class="bi theme-icon bi-moon-stars-fill"></i>
                              <span class="ms-2">Dark</span>
                           </button>
                        </li>
                        <li>
                           <button type="button" class="dropdown-item d-flex align-items-center"
                              data-bs-theme-value="auto" aria-pressed="false">
                              <i class="bi theme-icon bi-circle-half"></i>
                              <span class="ms-2">Auto</span>
                           </button>
                        </li>
                     </ul>
                  </div>
                  <div class="ms-3 d-flex gap-2">
                     <a href="#!" class="btn btn-instagram btn-light btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                           class="bi bi-instagram" viewBox="0 0 16 16">
                           <path
                              d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z">
                           </path>
                        </svg>
                     </a>
                     <a href="#!" class="btn btn-facebook btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                           class="bi bi-facebook" viewBox="0 0 16 16">
                           <path
                              d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z">
                           </path>
                        </svg>
                     </a>
                     <a href="#!" class="btn btn-twitter btn-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                           class="bi bi-twitter" viewBox="0 0 16 16">
                           <path
                              d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z">
                           </path>
                        </svg>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </footer>
   <div class="btn-scroll-top">
      <svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
         <path
            d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
      </svg>
   </div>
   <!-- Libs JS -->
   <script src="https://block.codescandy.com/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/simplebar/dist/simplebar.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/headhesive/dist/headhesive.min.js"></script>

   <!-- Theme JS -->
   <script src="https://block.codescandy.com/assets/js/theme.min.js"></script>

   <script src="https://block.codescandy.com/assets/libs/prismjs/prism.js"></script>
   <script src="https://block.codescandy.com/assets/libs/prismjs/components/prism-scss.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/prismjs/plugins/toolbar/prism-toolbar.min.js"></script>
   <script
      src="https://block.codescandy.com/assets/libs/prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
</body>

</html>